@font-face {
	font-family: 'iconfont';  /* Project id 4892171 */
	src: url('//at.alicdn.com/t/c/font_4892171_uwx95d5j6b.woff2?t=1751349010086') format('woff2'),
	url('//at.alicdn.com/t/c/font_4892171_uwx95d5j6b.woff?t=1751349010086') format('woff'),
	url('//at.alicdn.com/t/c/font_4892171_uwx95d5j6b.ttf?t=1751349010086') format('truetype');
}

@font-face {
	font-family: 'Regular';
	/* src: url('../fonts/HarmonyOS_Sans_SC_Regular.ttf'); */
	/*src: url('https://website-ishutime.oss-cn-chengdu.aliyuncs.com/font/HarmonyOS_Sans_SC_Regular.ttf');*/
}

@font-face {
	font-family: 'Bold';
	/* src: url('../fonts/HarmonyOS_Sans_SC_Bold.ttf'); */
	/*src: url('https://website-ishutime.oss-cn-chengdu.aliyuncs.com/font/HarmonyOS_Sans_SC_Bold.ttf');*/
}

@font-face {
	font-family: 'pmzd';
	/* src: url('../fonts/pmzd.ttf'); */
	/*src: url('https://website-ishutime.oss-cn-chengdu.aliyuncs.com/font/pmzd.ttf');*/
}



.menuBar{
	width: 120px;
	height: auto;
	position: fixed;
	top: 50%;
	transform: translateY(-50%);
	background: #fff;
	border-radius: 5px 0px 0px 5px;
	right: 0;
	z-index: 100;
	box-shadow: 0px 0px 30px rgba(0, 0, 0, .1);
}

.menuBar .item{
	display: block;
	padding: 1.1vw 0px;
	border-bottom: 1px solid rgba(0, 0, 0, .05);
	cursor: pointer;
	position: relative;
}

.menuBar .item:last-child{
	border-bottom: none;
}

.menuBar .item .box{
	width: 100%;
	position: relative;
}

.menuBar .item .box .icon{
	width: 40px;
	height: auto;
	margin: 0px auto;
	position: relative;
	background: #f5a21b;
	border-radius: 50%;
	padding: 5px;
}
.menuBar .item:hover .box .icon{
	-webkit-animation: swing2 2s infinite;
}
.menuBar .item .img{
	position: absolute;
    width: 120px;
    height: auto;
    background: #fff;
    left: -120px;
    top: 50%;
    transform: translateY(-50%);
    padding: 0px;
	display: none;
	box-shadow: 10px 10px 20px rgba(0, 0, 0, .05);
}
@-webkit-keyframes swing2 {
	10% {
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg);
	}

	20% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg);
	}

	30% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg);
	}

	40% {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg);
	}

	50%,
	100% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}

.menuBar .item:hover .img{
	display: block;
}

.menuBar .item .show_info{
	display: none;
	font-family: Manrope;
    width: 180px;
    height: auto;
    position: absolute;
    left: -190px;
    background: #fff;
    padding: 10px;
    border-radius: 5px 0px 0px 5px;
	top: 50%;
	transform: translateY(-50%);
	border-right: 3px solid #f5a21b;
	box-shadow: 10px 10px 20px rgba(0, 0, 0, .05);
}

.menuBar .item .show_info b{
	color: #f5a21b;
	font-size: 24px;
}

.menuBar .item:hover .show_info{
	display: block;
}

.menuBar .item .box .txt{
	text-align: center;
	font-size: 0.875rem;
    text-align: center;
    margin-top: 0.25vw;
}

@font-face {
	font-family: 'Manrope';
	src: url('../fonts/Manrope-SemiBold.ttf');
}

* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}

html,
body {
	font-family: 'Noto Sans SC',"Microsoft YaHei", '微软雅黑', sans-serif; 
	color: #333333;
}

input,
textarea {
	font-family: 'Noto Sans SC',"Microsoft YaHei", '微软雅黑', sans-serif; 
}

.iconfont {
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* 修改滚动条的样式 */
::-webkit-scrollbar {
	width: 8px;
	/* 滚动条宽度 */
	height: 8px;
	/* 滚动条高度 */
}

/* 修改滚动条滑块的样式 */
::-webkit-scrollbar-thumb {
	background-color: #f5a21b;
	/* 滑块背景颜色 */
	border-radius: 6px;
	/* 滑块圆角 */
}

@keyframes fadeIniup {
	0% {
		opacity: 0;
		transform: translateY(60px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.he_fadeup1 {
	-webkit-animation: fadeIniup 1s ease both;
	animation: fadeIniup 1s ease both;
	-ms-animation: fadeInUp 1s ease both;
	animation-delay: 0.3s;
}

.cpthActive.animated {
	-webkit-clip-path: polygon(100% 0, 0 0, 0% 100%, 100% 100%) !important;
}

.cpth {
	-webkit-clip-path: polygon(0% 0, 0 0, 0% 100%, 0% 100%);
	-webkit-transition: 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
}

header {
	width: 100%;
	position: fixed;
	z-index: 99;
	padding: 0 8vw;
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: 0.5s all ease-in-out;
	opacity: 0;
}

header:before {
	width: 100%;
	height: 20vh;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	pointer-events: none;
	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
	display: none;
}

header .logo {
	width: 13.5vw;
	transition: 0.5s all ease-in-out;
}

header .logo img:nth-child(2) {
	display: none;
}

header nav {
	transition: 0.5s all ease-in-out;
}

header nav ul {
	display: flex;
}

header nav ul li {
	padding: 1.5vw 0;
	position: relative;
}

header nav ul li.serach {
	margin: 0 2vw;
}

header nav ul li a {
	padding: 0 2vw;
	color: white;
	font-size: 16px;
}

header nav ul li i {
	color: white;
	cursor: pointer;
	font-size: 16px;
	position: relative;
}

header nav ul .li {
	/*border-bottom: 4px solid transparent;*/
	transition: 0.3s all ease-in-out;
}

header nav ul .li::before {
	content: '';
	position: absolute;
	width: 0%;
	right: 25%;
	left: auto;
	height: 4px;
	background: #f5a21b;
	bottom: 0;
	transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1);
}

header nav ul .li:hover::before,
header nav ul .li.active::before {
	width: 50%;
	left: 25%;
	right: auto;
}

header nav ul li ul{
	width: 100%;
	position: absolute;
	display: block;
	background: white;
	box-shadow: 0 1vw 3vw 0 rgba(0, 0, 0, 0.1);
	padding: 1vw 0;
	border-radius: 0 0 1vw 1vw;
	text-align: center;
	opacity: 0;
	pointer-events: none;
	margin-top: 1.5vw;
	transition: 0.5s all ease-in-out;
}
header nav ul li ul li{
	padding: .2vw 0;
}
header nav ul li ul li a{
	font-size: 14px;
	opacity: .7;
}
header nav ul li ul li a:hover{
	opacity: 1;
}
header nav ul li:hover ul{
	opacity: 1;
	pointer-events: all;
}
header nav ul .version {
	width: 20px;
	height: 20px;
	position: relative;
	line-height: 18px;
	text-align: center;
	cursor: pointer;
}

header nav ul .version .icon {
	font-size: 24px;
}

header nav ul .version .languge {
	position: absolute;
	top: 50%;
	right: -30px;
	width: 450px;
	background: white;
	transform: scale3d(.9, .9, 1);
	opacity: 0;
	visibility: hidden;
	z-index: 999;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	overflow-y: auto;
	max-height: 80vh;
	box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
}

header nav ul .version:hover .languge {
	top: 1.5vw;
	opacity: 1;
	visibility: visible;
}

.prisna-wp-translate-seo a {
	color: #666666;
	flex: 0 0 auto;
	width: 33.33333%;
	margin-bottom: 1rem;
	padding: 0 1vw;
	display: flex;
	align-items: center;
	text-align: left;
}

.prisna-wp-translate-seo a:nth-child(3n) {
	padding-right: 0;
}

.prisna-wp-translate-seo {
	display: flex;
	flex-wrap: wrap;
	padding: 1.5rem 1.2rem .5rem;
	color: #666666;
}

.prisna-wp-translate-seo a:hover {
	color: #333333;
}

.country-flag {
	display: inline-block;
	background-repeat: no-repeat;
	background-image: url(https://ecdn6.globalso.com/upload/p/1/image_other/2025-04/q.png);
	background-size: auto;
	width: 22px;
	height: 16px;
	margin-right: 8px;
}

.language-flag .country-flag {
	border-radius: 2px;
	overflow: hidden;
}

.language-flag span {
	max-width: calc(100% - 30px)
}

.language-flag-en.country-flag {
	background-position: 0 -256px !important;
}

.language-flag-fr.country-flag {
	background-position: 0 -320px !important;
}

.language-flag-es.country-flag {
	background-position: 0 -800px !important
}

.language-flag-de.country-flag {
	background-position: 0 -368px !important
}

.language-flag-ro.country-flag {
	background-position: 0 -720px !important
}

.language-flag-af.country-flag {
	background-position: 0 0 !important
}

.language-flag-sq.country-flag {
	background-position: 0 -16px !important
}

.language-flag-ar.country-flag {
	background-position: 0 -32px !important
}

.language-flag-hy.country-flag {
	background-position: 0 -48px !important
}

.language-flag-az.country-flag {
	background-position: 0 -64px !important
}

.language-flag-eu.country-flag {
	background-position: 0 -80px !important
}

.language-flag-be.country-flag {
	background-position: 0 -96px !important
}

.language-flag-bg.country-flag {
	background-position: 0 -112px !important
}

.language-flag-ca.country-flag {
	background-position: 0 -128px !important
}

.language-flag-zh.country-flag {
	background-position: 0 -144px !important
}

.language-flag-zh-TW.country-flag {
	background-position: 0 -160px !important
}

.language-flag-hr.country-flag {
	background-position: 0 -176px !important
}

.language-flag-cs.country-flag {
	background-position: 0 -192px !important
}

.language-flag-da.country-flag {
	background-position: 0 -208px !important
}

.language-flag-nl.country-flag {
	background-position: 0 -240px !important
}

.language-flag-et.country-flag {
	background-position: 0 -272px !important
}

.language-flag-tl.country-flag {
	background-position: 0 -288px !important
}

.language-flag-fi.country-flag {
	background-position: 0 -304px !important
}

.language-flag-gl.country-flag {
	background-position: 0 -336px !important
}

.language-flag-ka.country-flag {
	background-position: 0 -352px !important
}

.language-flag-el.country-flag {
	background-position: 0 -384px !important
}

.language-flag-ht.country-flag {
	background-position: 0 -400px !important
}

.language-flag-iw.country-flag {
	background-position: 0 -416px !important
}

.language-flag-gu.country-flag,
.language-flag-hi.country-flag,
.language-flag-kn.country-flag,
.language-flag-ta.country-flag,
.language-flag-te.country-flag {
	background-position: 0 -432px !important
}

.language-flag-hu.country-flag {
	background-position: 0 -448px !important
}

.language-flag-is.country-flag {
	background-position: 0 -464px !important
}

.language-flag-id.country-flag {
	background-position: 0 -480px !important
}

.language-flag-ga.country-flag {
	background-position: 0 -496px !important
}

.language-flag-it.country-flag {
	background-position: 0 -512px !important
}

.language-flag-ja.country-flag {
	background-position: 0 -528px !important
}

.language-flag-ko.country-flag {
	background-position: 0 -544px !important
}

.language-flag-la.country-flag {
	background-position: 0 -560px !important
}

.language-flag-lv.country-flag {
	background-position: 0 -576px !important
}

.language-flag-lt.country-flag {
	background-position: 0 -592px !important
}

.language-flag-mk.country-flag {
	background-position: 0 -608px !important
}

.language-flag-ms.country-flag {
	background-position: 0 -624px !important
}

.language-flag-mt.country-flag {
	background-position: 0 -640px !important
}

.language-flag-no.country-flag {
	background-position: 0 -656px !important
}

.language-flag-fa.country-flag {
	background-position: 0 -672px !important
}

.language-flag-pl.country-flag {
	background-position: 0 -688px !important
}

.language-flag-pt.country-flag {
	background-position: 0 -704px !important
}

.language-flag-ru.country-flag {
	background-position: 0 -736px !important
}

.language-flag-sr.country-flag {
	background-position: 0 -752px !important
}

.language-flag-sk.country-flag {
	background-position: 0 -768px !important
}

.language-flag-sl.country-flag {
	background-position: 0 -784px !important
}

.language-flag-sw.country-flag {
	background-position: 0 -816px !important
}

.language-flag-sv.country-flag {
	background-position: 0 -832px !important
}

.language-flag-th.country-flag {
	background-position: 0 -848px !important
}

.language-flag-tr.country-flag {
	background-position: 0 -864px !important
}

.language-flag-uk.country-flag {
	background-position: 0 -880px !important
}

.language-flag-ur.country-flag {
	background-position: 0 -896px !important
}

.language-flag-vi.country-flag {
	background-position: 0 -912px !important
}

.language-flag-cy.country-flag {
	background-position: 0 -928px !important
}

.language-flag-yi.country-flag {
	background-position: 0 -944px !important
}

.language-flag-bn.country-flag {
	background-position: 0 -960px !important
}

.language-flag-eo.country-flag {
	background-position: 0 -976px !important
}

.language-flag-hy.country-flag {
	background-position: 0 -1408px
}

.language-flag-bs.country-flag {
	background-position: 0 -1424px
}

.language-flag-ceb.country-flag {
	background-position: 0 -1440px
}

.language-flag-ny.country-flag {
	background-position: 0 -1456px
}

.language-flag-ha.country-flag {
	background-position: 0 -1472px
}

.language-flag-hmn.country-flag {
	background-position: 0 -144px
}

.language-flag-ig.country-flag {
	background-position: 0 -1504px
}

.language-flag-jw.country-flag {
	background-position: 0 -1520px
}

.language-flag-kk.country-flag {
	background-position: 0 -1536px
}

.language-flag-km.country-flag {
	background-position: 0 -1552px
}

.language-flag-lo.country-flag {
	background-position: 0 -1568px
}

.language-flag-la.country-flag {
	background-position: 0 -1584px
}

.language-flag-mg.country-flag {
	background-position: 0 -1600px
}

.language-flag-ml.country-flag {
	background-position: 0 -1616px
}

.language-flag-mi.country-flag {
	background-position: 0 -1632px
}

.language-flag-mr.country-flag {
	background-position: 0 -1648px
}

.language-flag-mn.country-flag {
	background-position: 0 -1664px
}

.language-flag-my.country-flag {
	background-position: 0 -1680px
}

.language-flag-ne.country-flag {
	background-position: 0 -1696px
}

.language-flag-pa.country-flag {
	background-position: 0 -1712px
}

.language-flag-st.country-flag {
	background-position: 0 -1728px
}

.language-flag-si.country-flag {
	background-position: 0 -1744px
}

.language-flag-so.country-flag {
	background-position: 0 -1760px
}

.language-flag-su.country-flag {
	background-position: 0 -1776px
}

.language-flag-tg.country-flag {
	background-position: 0 -1792px
}

.language-flag-uz.country-flag {
	background-position: 0 -1808px
}

.language-flag-yo.country-flag {
	background-position: 0 -1824px
}

.language-flag-zu.country-flag {
	background-position: 0 -1840px
}

.language-flag-custom-afghanistan.country-flag {
	background-position: 0 -992px !important
}

.language-flag-custom-albania.country-flag {
	background-position: 0 -1008px !important
}

.language-flag-custom-algeria.country-flag {
	background-position: 0 -1024px !important
}

.language-flag-custom-argentina.country-flag {
	background-position: 0 -1040px !important
}

.language-flag-custom-australia.country-flag {
	background-position: 0 -1056px !important
}

.language-flag-custom-austria.country-flag {
	background-position: 0 -1072px !important
}

.language-flag-custom-belgium.country-flag {
	background-position: 0 -1088px !important
}

.language-flag-custom-brazil.country-flag {
	background-position: 0 -1104px !important
}

.language-flag-custom-canada.country-flag {
	background-position: 0 -1120px !important
}

.language-flag-custom-chile.country-flag {
	background-position: 0 -1136px !important
}

.language-flag-custom-cote-d-ivoire.country-flag {
	background-position: 0 -1152px !important
}

.language-flag-custom-ecuador.country-flag {
	background-position: 0 -1168px !important
}

.language-flag-custom-egypt.country-flag {
	background-position: 0 -1184px !important
}

.language-flag-custom-england.country-flag {
	background-position: 0 -1200px !important
}

.language-flag-custom-luxembourg.country-flag {
	background-position: 0 -1216px !important
}

.language-flag-custom-malaysia.country-flag {
	background-position: 0 -1232px !important
}

.language-flag-custom-mexico.country-flag {
	background-position: 0 -1248px !important
}

.language-flag-custom-new-zealand.country-flag {
	background-position: 0 -1264px !important
}

.language-flag-custom-oman.country-flag {
	background-position: 0 -1280px !important
}

.language-flag-custom-qatar.country-flag {
	background-position: 0 -1296px !important
}

.language-flag-custom-saudi-arabia.country-flag {
	background-position: 0 -1312px !important
}

.language-flag-custom-singapore.country-flag {
	background-position: 0 -1328px !important
}

.language-flag-custom-south-africa.country-flag {
	background-position: 0 0 !important
}

.language-flag-custom-switzerland.country-flag {
	background-position: 0 -1344px !important
}

.language-flag-custom-syria.country-flag {
	background-position: 0 -1360px !important
}

.language-flag-custom-united-arab-emirates.country-flag {
	background-position: 0 -1376px !important
}

.language-flag-custom-united-states-of-america.country-flag {
	background-position: 0 -1392px !important
}

.language-flag-sm.country-flag {
	background-position: 0 -2000px !important
}

.language-flag-am.country-flag {
	background-position: 0 -1024px !important
}

.language-flag-fy.country-flag {
	background-position: 0 -240px !important
}

.language-flag-co.country-flag {
	background-position: 0 -320px !important
}

.language-flag-am.country-flag {
	background-position: 0 -1856px !important
}

.language-flag-ku.country-flag {
	background-position: 0 -1886px !important
}

.language-flag-ky.country-flag {
	background-position: 0 -1904px !important
}

.language-flag-ps.country-flag {
	background-position: 0 -1936px !important
}

.language-flag-st.country-flag {
	background-position: 0 -1952px !important
}

.language-flag-gd.country-flag {
	background-position: 0 -1248px !important
}

.language-flag-sn.country-flag {
	background-position: 0 -1984px !important
}

.language-flag-tt.country-flag {
	background-position: 0 -2032px !important
}

.language-flag-ug.country-flag {
	background-position: 0 -144px !important
}

.language-flag-sd.country-flag {
	background-position: 0 -1648px !important
}

.language-flag-lb.country-flag {
	background-position: 0 -1920px !important
}

.language-flag-haw.country-flag {
	background-position: 0 -1392px !important
}

.language-flag-or.country-flag {
	background-position: 0 -1648px !important
}

.language-flag-rw.country-flag {
	background-position: 0 -2016px !important
}

.language-flag-tk.country-flag {
	background-position: 0 -2048px !important
}

.language-flag-hrx {
	background-position: 0 -1648px !important;
}

.language-flag-ktu {
	background-position: 0 -1648px !important;
}

.language-flag-gom {
	background-position: 0 -1648px !important;
}

.language-flag-mai {
	background-position: 0 -1648px !important;
}

.language-flag-mni-Mtei {
	background-position: 0 -1648px !important;
}

.language-flag-mak {
	background-position: 0 -480px !important;
}

.language-flag-lus {
	background-position: 0 -1648px !important;
}

.language-flag-pag {
	background-position: 0 -1648px !important;
}

.language-flag-sa {
	background-position: 0 -1648px !important;
}

.language-flag-rw {
	background-position: 0 -2016px !important;
}

.language-flag-tk {
	background-position: 0 -2048px !important;
}

.language-flag-as {
	background-position: 0 -1648px !important;
}

.language-flag-awa {
	background-position: 0 -1648px !important;
}

.language-flag-ban {
	background-position: 0 -480px !important;
}

.language-flag-btx {
	background-position: 0 -480px !important;
}

.language-flag-bts {
	background-position: 0 -480px !important;
}

.language-flag-bbc {
	background-position: 0 -480px !important;
}

.language-flag-bew {
	background-position: 0 -480px !important;
}

.language-flag-pam {
	background-position: 0 -480px !important;
}

.language-flag-ba {
	background-position: 0 -736px !important;
}

.language-flag-ab {
	background-position: 0 -2063px !important;
}

.language-flag-bem {
	background-position: 0 -2108px !important;
}

.language-flag-bm {
	background-position: 0 -2078px !important;
}

.language-flag-ay {
	background-position: 0 -2092px !important;
}

.language-flag-bho {
	background-position: 0 -1648px !important;
}

.language-flag-bik {
	background-position: 0 -288px !important;
}

.language-flag-hil {
	background-position: 0 -288px !important;
}

.language-flag-ilo {
	background-position: 0 -288px !important;
}

.language-flag-min {
	background-position: 0 -288px !important;
}

.language-flag-br {
	background-position: 0 -320px !important;
}

.language-flag-bua {
	background-position: 0 -736px !important;
}

.language-flag-yue {
	background-position: 0 -144px !important;
}

.language-flag-cv {
	background-position: 0 -736px !important;
}

.language-flag-crh {
	background-position: 0 -880px !important;
}

.language-flag-din {
	background-position: 0 -2123px !important;
}

.language-flag-nus {
	background-position: 0 -2123px !important;
}

.language-flag-dv {
	background-position: 0 -720px !important;
}

.language-flag-doi {
	background-position: 0 -1824px !important;
}

.language-flag-dov {
	background-position: 0 -1824px !important;
}

.language-flag-dz {
	background-position: 0 -2138px !important;
}

.language-flag-ee {
	background-position: 0 -2151px !important;
}

.language-flag-fj {
	background-position: 0 -2168px !important;
}

.language-flag-ff {
	background-position: 0 -496px !important;
}

.language-flag-gaa {
	background-position: 0 -2151px !important;
}

.language-flag-china {
	background-position: 0 -143px !important;
}

.language-flag-ak {
	background-position: 0 -2151px !important;
}

.language-flag-lg {
	background-position: 0 -2183px !important;
}

.language-flag-gn {
	background-position: 0 -2198px !important;
}

.language-flag-cnh {
	background-position: 0 -1680px !important;
}

.language-flag-cgg {
	background-position: 0 -2183px !important;
}

.language-flag-kri {
	background-position: 0 -2213px !important;
}

.language-flag-ckb {
	background-position: 0 -2228px !important;
}

.language-flag-ltg {
	background-position: 0 -2243px !important;
}

.language-flag-lij {
	background-position: 0 -512px !important;
}

.language-flag-li {
	background-position: 0 -1087px !important;
}

.language-flag-ln {
	background-position: 0 -2259px !important;
}

.language-flag-lmo {
	background-position: 0 -512px !important;
}

.language-flag-luo {
	background-position: 0 -2275px !important;
}

.language-flag-ms-Arab {
	background-position: 0 -2290px !important;
}

.language-flag-chm {
	background-position: 0 -2078px !important;
}

.language-flag-nr {
	background-position: 0 0 !important;
}

.language-flag-new {
	background-position: 0 -2305px !important;
}

.language-flag-nso {
	background-position: 0 0 !important;
}

.language-flag-oc {
	background-position: 0 -832px !important;
}

.language-flag-om {
	background-position: 0 -2321px !important;
}

.language-flag-pap {
	background-position: 0 -240px !important;
}

.language-flag-pa-Arab {
	background-position: 0 -2078px !important;
}

.language-flag-qu {
	background-position: 0 -2092px !important;
}

.language-flag-rom {
	background-position: 0 -2336px !important;
}

.language-flag-rn {
	background-position: 0 -2351px !important;
}

.language-flag-sg {
	background-position: 0 -2366px !important;
}

.language-flag-crs {
	background-position: 0 -2382px !important;
}

.language-flag-shn {
	background-position: 0 -144px !important;
}

.language-flag-scn {
	background-position: 0 -512px !important;
}

.language-flag-szl {
	background-position: 0 -688px !important;
}

.language-flag-ss {
	background-position: 0 -2405px !important;
}

.language-flag-tet {
	background-position: 0 -2138px !important;
}

.language-flag-ti {
	background-position: 0 -2321px !important;
}

.language-flag-ts {
	background-position: 0 -2420px !important;
}

.language-flag-tn {
	background-position: 0 -2434px !important;
}

.language-flag-yua {
	background-position: 0 -2450px !important;
}

.language-flag-ace {
	background-position: 0 -480px !important;
}

.language-flag-ach {
	background-position: 0 -2183px !important;
}

header nav ul .globe {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 20px;
	height: 20px;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	overflow: hidden;
	will-change: transform;
}

@keyframes globe {
	0% {
		transform: translate(-50%, -50%) rotate(15deg);
	}

	50% {
		transform: translate(-50%, -50%) rotate(-15deg);
	}

	100% {
		transform: translate(-50%, -50%) rotate(15deg);
	}
}

header nav ul .globe-wrap {
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	position: absolute;
	display: block;
	border-radius: 50%;
	transform: translate(-50%, -50%) rotate(30deg);
	animation: globe 5.4s cubic-bezier(0.35, 0, 0.65, 1) infinite;
	overflow: hidden;
	box-shadow: inset 0px 0px 0px 0.125em white;
}

header nav ul .globe .circle {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	box-shadow: inset 0.1em 0px 0px 0.08em white;
	animation: circle1 2.7s linear infinite;
	font-size: 0.75em;
}

@keyframes circle1 {
	0% {
		border-radius: 50%;
		box-shadow: inset 0.1em 0px 0px 0.08em white;
		width: 100%;
	}

	49% {
		border-radius: 50%;
		box-shadow: inset 0.1em 0px 0px 0.08em white;
		background: transparent;
	}

	50% {
		border-radius: 0%;
		width: 0.175em;
		background: white;
	}

	51% {
		border-radius: 50%;
		box-shadow: inset -0.1em 0px 0px 0.08em white;
		background: transparent;
	}

	100% {
		border-radius: 50%;
		box-shadow: inset -0.1em 0px 0px 0.08em white;
		width: 100%;
	}
}

header nav ul .globe :nth-child(1) {
	animation-delay: -1.8s;
}

header nav ul .globe :nth-child(2) {
	animation-delay: -0.9s;
}

header nav ul .globe .circle-hor {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 150%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	height: 55%;
	box-shadow: inset 0px 0px 0px 0.15em white;
	font-size: 0.75em;
}

header nav ul .globe .circle-hor-middle {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 150%;
	transform: translate(-50%, -50%);
	border-radius: 0;
	height: 1px;
	background: white;
	font-size: 16px;
}

header nav ul li:last-child {
	margin: 0;
}

header .erji {
	width: 85%;
	position: absolute;
	background: white;
	box-shadow: 0 1vw 3vw 0 rgba(0, 0, 0, 0.1);
	padding: 2vw 4vw;
	border-radius: 0 0 1vw 1vw;
	left: 8%;
	top: 3.8vw;
	opacity: 0;
	pointer-events: none;
	transition: 0.5s all ease-in-out;
	display: flex;
	justify-content: space-between;
}

header .erji .erjiItem {
	width: auto;
}

header .erji .erjiItem .ita {
	font-weight: bold;
	font-size: 16px;
	padding-bottom: 10px;
	display: block;
}

header .erji .erjiItem .its {
	border-top: 1px solid #d1d1d1;
	padding-top: 10px;
}

header .erji .erjiItem .its .itb {
	font-size: 14px;
	display: block;
	margin-bottom: 0.5vw;
	color: #666666;
}

header .erji .erjiItem .its .itb:hover {
	color: #333333;
}

header .erji .erjiItem2 {
	width: 11vw;
}

header .erji .erjiItem2 .ita {
	font-weight: bold;
	font-size: 16px;
	padding-bottom: 10px;
	display: block;
}

header .erji .erjiItem2 .its {
	padding-top: 10px;
}

header .erji .erjiItem2 .its .itb {
	font-size: 14px;
	display: block;
	margin-bottom: 0.5vw;
	color: #666666;
}

header .erji .erjiItem2 .more {
	width: 8vw;
	background-color: #f5a21b;
	border-radius: 0.3vw;
	display: block;
	text-align: center;
	color: white;
	font-size: 14px;
	line-height: 2vw;
	margin-top: 1vw;
}

header .erji .erjiItem2 .more i {
	color: white;
	position: relative;
	margin-left: 1vw;
}

header .erji.active {
	opacity: 1;
	pointer-events: all;
}

header.active,
header.open {
	background: white;
	box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
}

header.active .logo img:nth-child(1),
header.open .logo img:nth-child(1) {
	display: none;
}

header.active .logo img:nth-child(2),
header.open .logo img:nth-child(2) {
	display: block;
}

header.active nav ul li a,
header.open nav ul li a {
	color: #000;
}

header.active nav ul li i,
header.open nav ul li i {
	color: #000;
}

header.active .globe-wrap,
header.open .globe-wrap {
	box-shadow: inset 0px 0px 0px 0.125em #333333;
}

header.active .globe .circle,
header.open .globe .circle {
	box-shadow: inset 0.1em 0px 0px 0.08em #333333;
	animation: circle2 2.7s linear infinite;
}

header.active .globe .circle-hor-middle,
header.open .globe .circle-hor-middle {
	background: #333333;
}

header.active .globe .circle-hor,
header.open .globe .circle-hor {
	box-shadow: inset 0px 0px 0px 0.15em #333333;
}

header.active .globe :nth-child(1),
header.open .globe :nth-child(1) {
	animation-delay: -1.8s;
}

header.active .globe :nth-child(2),
header.open .globe :nth-child(2) {
	animation-delay: -0.9s;
}

@keyframes circle2 {
	0% {
		border-radius: 50%;
		box-shadow: inset 0.1em 0px 0px 0.08em #333333;
		width: 100%;
	}

	49% {
		border-radius: 50%;
		box-shadow: inset 0.1em 0px 0px 0.08em #333333;
		background: transparent;
	}

	50% {
		border-radius: 0%;
		width: 0.175em;
		background: #333333;
	}

	51% {
		border-radius: 50%;
		box-shadow: inset -0.1em 0px 0px 0.08em #333333;
		background: transparent;
	}

	100% {
		border-radius: 50%;
		box-shadow: inset -0.1em 0px 0px 0.08em #333333;
		width: 100%;
	}
}

footer {
	width: 100%;
	background: #f5f5f5;
	padding: 0 12vw;
	margin-top: -0.5vw;
}

footer .selectBox {
	width: 100%;
	padding: 2vw 0;
	display: flex;
}

footer .selectBox .tit {
	margin-top: 4px;
	padding-left: 40px;
	position: relative;
}


footer .selectBox .tit span {
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	top: 50%;
	left: 8px;
	background: #f5a21b;
	margin-top: -5px;
}

footer .selectBox .tit::after {
	content: '';
	position: absolute;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	left: -2px;
	top: 4px;
	background: rgba(245, 162, 27, 0.3);
	animation: like 2.4s linear infinite;
	opacity: 0;
}

footer .selectBox .tit::before {
	content: '';
	position: absolute;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	left: -2px;
	top: 4px;
	opacity: 0;
	background: rgba(245, 162, 27, 0.3);
	animation: like 2.4s 1.2s linear infinite;
}

@-webkit-keyframes like {
	0% {
		transform: scale(0);
		opacity: 0;
	}

	50% {
		transform: scale(1.5);
		opacity: 0.75;
	}

	100% {
		transform: scale(2.3);
		opacity: 0;
	}
}

footer .selectBox .select {
	width: 15vw;
	height: 40px;
	background-color: #ffffff;
	border-radius: 3vw;
	margin-left: 2vw;
	line-height: 40px;
	font-size: 14px;
	padding: 0 1vw;
}

footer .selectBox .select i {
	cursor: pointer;
}

footer .selectBox .select input {
	width: 70%;
	margin-left: 1vw;
	font-size: 14px;
	border: transparent;
	background: transparent;
	outline: none;
}

footer .selectBox .selectItem {
	display: flex;
	margin-top: 0.3vw;
}

footer .selectBox .selectItem .it {
	color: #666666;
	height: 30px;
	line-height: 30px;
	border-radius: 3vw;
	background: white;
	font-size: 14px;
	padding: 0 1vw;
	margin-left: 1vw;
}

footer .selectBox .selectItem .it:hover {
	color: #f5a21b;
}

footer .footer {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

footer .footer .footerNav ul {
	display: flex;
	flex-wrap: wrap;
	text-align: left;
}

footer .footer .footerNav ul .level1 {
	margin-right: 4em;
}

footer .footer .footerNav ul .level1 a {
	font-size: 16px;
}

footer .footer .footerNav ul .level1 ul {
	display: block;
	margin-top: 15px;
}

footer .footer .footerNav ul .level1 ul li {
	margin-bottom: 5px;
	text-align: left;
	position: relative;
}

footer .footer .footerNav ul .level1 ul li a {
	font-size: 14px;
	color: #999999;
	font-weight: normal;
	position: relative;
	opacity: 0.9;
}

footer .footer .footerNav ul .level1 ul li a::after {
	width: 0%;
	height: 1px;
	position: absolute;
	left: 50%;
	bottom: -3px;
	content: '';
	background: #999999;
	transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
}

footer .footer .footerNav ul .level1 ul li a:hover::after {
	width: 100%;
	left: 0%;
}

footer .footer .footerNav ul .level1:last-child {
	margin-right: 0;
}

footer .footer .textBox .t {
	font-size: 16px;
}

footer .footer .textBox .text {
	font-size: 14px;
	color: #999999;
	line-height: 2;
	margin-top: 1vw;
}

footer .footer .textBox .qrcodeBox {
	margin-top: 4vw;
}

footer .footer .textBox .qrcodeBox .qrcodeIcon {
	display: flex;
	margin-top: 1vw;
}

footer .footer .textBox .qrcodeBox .qrcodeIcon .icon {
	display: inline-block;
	width: 2vw;
	height: 2vw;
	background-color: #ffffff;
	border-radius: 50%;
	color: #333333;
	text-align: center;
	line-height: 2vw;
	font-size: 1vw;
	margin-right: 1vw;
}

footer .footer .textBox .qrcodeBox .qrcodeIcon .qrcode {
	width: 5vw;
	position: relative;
	margin-top: -3vw;
	margin-left: 1vw;
}

footer .footerInfo {
	width: 100%;
	display: flex;
	justify-content: space-between;
	color: #999999;
	font-size: 14px;
	padding: 1vw 0;
	border-top: 1px solid rgba(0, 0, 0, 0.05);
	margin-top: 3vw;
}

footer .footerInfo a {
	color: #999999;
}

.bgImg {
	width: 100%;
	position: absolute;
	pointer-events: none;
	z-index: -1;
	opacity: 0;
}

.bgImg.active {
	opacity: 1;
}

.tit {
	font-size: 28px;
	position: relative;
	font-weight: bold;
}

.index {
	width: 100%;
	height: 100vh;
	position: relative;
	overflow: hidden;
}

.index .loadingImg {
	width: 18vw;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	will-change: clip-path;
	animation: loadingImgAnm 1s linear forwards;
	transition: 0.3s all ease-in-out;
	z-index: 2;
}

@keyframes loadingImgAnm {
	0% {
		clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
	}

	100% {
		clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
	}
}

.index .loadingImg.active {
	opacity: 0;
}

.index .upperSection {
	width: 100%;
	height: 100vh;
	position: relative;
	overflow: hidden;
	clip-path: circle(1% at 54.1% 44.4%);
	opacity: 0;
	animation: upperSectionAnm 1s 1.3s linear forwards;
}

.index .upperSection .bannerSwiper {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.index .upperSection .bannerSwiper .swiper-slide {
	width: 100%;
	height: 100%;
}

.index .upperSection .bannerSwiper .swiper-slide .img {
	width: 100%;
	height: 100%;
	position: relative;
	background-size: cover !important;
	transform: scale(1.2);
	transition: 1s all ease-in-out;
	filter: blur(10px);
	display: block;
}

.index .upperSection .bannerSwiper .swiper-slide .img .text {
	color: #f0f5eb;
	font-size: 3.5vw;
	margin-left: 8vw;
	position: absolute;
	margin-top: 20vw;
	transition: all 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
	opacity: 0;
	transform: translateY(2vw) scaleY(1.2);
	font-family: pmzd;
	line-height: 1.2;
	letter-spacing: 0.2vw;
}

.index .upperSection .bannerSwiper .swiper-slide .img .huan {
	position: absolute;
	width: 19vw;
	height: 20vw;
	bottom: 0;
	left: -5vw;
	display: none;
	background: url('../images/bannerL.png') center no-repeat;
	background-size: contain !important;
	transition: 1s all ease-in-out;
	transform: translate(-50%, 40%);
	opacity: 0.5;
}

.index .upperSection .bannerSwiper .swiper-slide .img .huan.active {
	display: block;
}

.index .upperSection .bannerSwiper .swiper-slide-active .img {
	transform: scale(1);
	filter: blur(0);
}

.index .upperSection .bannerSwiper .swiper-slide-active .img .huan {
	transform: translate(0, 0);
}

.index .upperSection .bannerSwiper .swiper-slide.active .text {
	opacity: 1;
	transform: translateY(0px) scaleY(1.2);
}

.index .upperSection .bannerSwiper .swiper-pagination {
	width: auto;
	top: inherit;
	bottom: 3vw;
	left: 8vw;
	display: flex;
}

.index .upperSection .bannerSwiper .swiper-pagination-bullet {
	width: 0.5vw;
	height: 0.5vw;
	opacity: 1;
	margin: 0 0.3vw;
	background-color: white;
}

.index .upperSection .bannerSwiper .swiper-pagination-bullet-active {
	width: 2vw;
	height: 0.5vw;
	background-color: #f5a21b;
	border-radius: 1vw;
}

.index .upperSection .bannerSwiper .custom-pagination-numbers {
	position: absolute;
	right: 9vw;
	top: 50%;
	color: white;
	z-index: 1;
	font-size: 1.25vw;
}

.index .upperSection .bannerSwiper .swiper-button-next {
	right: 10.5vw;
	left: inherit;
	width: 0.7vw;
	top: 60%;
}

.index .upperSection .bannerSwiper .swiper-button-prev {
	right: 10.5vw;
	left: inherit;
	width: 0.7vw;
	top: 43%;
}

.index .upperSection .bannerSwiper .swiper-button-next:after,
.index .upperSection .bannerSwiper .swiper-rtl .swiper-button-prev:after {
	content: inherit;
}

.index .upperSection .bannerSwiper .swiper-button-prev:after,
.index .upperSection .bannerSwiper .swiper-rtl .swiper-button-next:after {
	content: inherit;
}

.index .upperSection.active {
	opacity: 1;
}

@keyframes upperSectionAnm {
	0% {
		clip-path: circle(1% at 54.1% 44.4%);
	}

	100% {
		clip-path: circle(100% at 54.1% 44.5%);
	}
}

.index .f2 {
	width: 100%;
	height: auto;
	padding: 6vw 4vw 4vw 8vw;
	background: #edeeef;
	position: relative;
}

.index .f2 .f2Bg {
	width: 33vw;
	height: 100%;
	position: absolute;
	bottom: 0;
	right: 0;
	background: url('../images/proImg.jpg') center no-repeat;
	background-size: cover !important;
	pointer-events: none;
}

.index .f2 .f2Tab {
	width: 54vw;
	display: flex;
	justify-content: space-between;
	background-color: #ffffff;
	box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.03);
	border-radius: 5px;
	margin-top: 2vw;
}

.index .f2 .f2Tab .tab {
	width: 21vw;
	font-size: 16px;
	text-align: center;
	padding: 1vw 0;
	cursor: pointer;
	/*border-radius: 5px;*/
	transition: 0.3s all ease;
	position: relative;
	z-index: 2;

}

.index .f2 .f2Tab .tab:nth-child(1):before {
	border-radius: 5px 0px 0px 5px;
}

.index .f2 .f2Tab .tab:nth-child(4):before {
	border-radius: 0px 5px 5px 0px;
}

.index .f2 .f2Tab .tab:before {
	width: 0%;
	height: 100%;
	position: absolute;
	right: 0;
	left: auto;
	top: 0;
	content: '';
	background: #f5a21b;
	transition: all .5s cubic-bezier(0.215, 0.610, 0.355, 1);
	z-index: -1;
}

.index .f2 .f2Tab .tab:hover:before,
.index .f2 .f2Tab .tab.active:before {
	right: auto;
	left: 0%;
	width: 100%;
}

.index .f2 .f2Tab .tab:hover {

	color: white;
}

.index .f2 .f2Tab .active {

	/*border-radius: 0.5vw;*/
	color: white;
}

.index .f2 .f2Tab .tab:nth-child(1) {
	border-radius: 5px 0 0 5px;
}

.index .f2 .f2Tab .tab:nth-child(4) {
	border-radius: 0 5px 5px 0;
}

.index .f2 .f2Tab .tab:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	top: -.3vw;
	left: 46%;
	border-left: 0.5208333vw solid transparent;
	border-right: 0.5208333vw solid transparent;
	border-bottom: 0.5208333vw solid #f5a21b;
	opacity: 0;
	transition: all 0.5s;
}

.index .f2 .f2Tab .active:after {
	opacity: 1;
}

.index .f2 .f2BoxItem .f2Box {
	display: none;
}

.index .f2 .f2BoxItem .f2Box:nth-child(2) .f2Swiper2 .swiper-slide .textBox .tit {
	font-size: 2.5vw;
}

.index .f2 .f2BoxItem .f2Box.active {
	display: flex;
}

.index .f2 .f2Box {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.index .f2 .f2Box .f2Swiper {
	width: 20vw;
	margin-top: 21vw;
	position: absolute;
	right: 0;
	overflow: inherit;
}

.index .f2 .f2Box .f2Swiper .swiper-wrapper .swiper-slide {
	width: 4vw !important;
	height: 4vw !important;
	background-color: #ffffff;
	box-shadow: 0vw 1vw 3vw 0vw rgba(0, 0, 0, 0.03);
	margin-bottom: 1vw;
	text-align: center;
	border-radius: 50%;
	border: 5px solid transparent;
	cursor: pointer;
	padding: 0vw;
	opacity: .5;
	transform: scale(.8);
	transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1);
}

.index .f2 .f2Box .f2Swiper .swiper-wrapper .swiper-slide:before {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	border-radius: 50%;
	background-color: #ffffff;
	transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1);
}

.index .f2 .f2Box .f2Swiper .swiper-wrapper .swiper-slide img {
	width: 80%;
	height: auto;
	transition: all 0.4s;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.index .f2 .f2Box .f2Swiper .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {
	opacity: 1;
	transform: scale(1);
}


.index .f2 .f2Box .f2Swiper .swiper-wrapper .swiper-slide img {
	position: relative;
	z-index: 2;
}

.index .f2 .f2Box .f2Swiper .swiper-wrapper .swiper-slide.swiper-slide-thumb-active:before {
	animation: AboutLabel 1.2s linear infinite normal both;
}

@-webkit-keyframes AboutLabel {
	0% {
		transform: scale(0);
		opacity: 0;
	}

	50% {
		transform: scale(1.5);
		opacity: 0.5;
	}

	100% {
		transform: scale(2.3);
		opacity: 0;
	}
}



.index .f2 .f2Box .f2Swiper2 {
	width: 100%;
	overflow: hidden;
}

.index .f2 .f2Box .f2Swiper2 .swiper-slide {
	display: flex;
	justify-content: space-between;
}

.index .f2 .f2Box .f2Swiper2 .swiper-slide .textBox {
	width: 50%;
}

.index .f2 .f2Box .f2Swiper2 .swiper-slide .textBox .num_box {
	width: 7.8125vw;
	height: 5.208333vw;
	-webkit-transform: skewY(-20deg);
	transform: skewY(-20deg);
	-webkit-transform-origin: left top;
	transform-origin: left top;
	overflow: hidden;
	margin-left: -5px;
}

.index .f2 .f2Box .f2Swiper2 .swiper-slide .textBox .num_box .num {
	font-size: 5vw;
	line-height: 5.7291666vw;
	-webkit-text-stroke: 1px #f5a21b;
	color: transparent;
	-webkit-transform-origin: left top;
	transform-origin: left top;
	-webkit-transform: skewY(20deg);
	transform: skewY(20deg);
	font-style: italic;
	font-family: Manrope;
}

.index .f2 .f2Box .f2Swiper2 .swiper-slide .textBox .tit {
	font-size: 3.3vw;
	font-weight: bold;
}

.index .f2 .f2Box .f2Swiper2 .swiper-slide .textBox .tit span {
	background-color: #f5a21b;
	border-radius: 0.5vw 0vw 0.5vw 0vw;
	font-size: 14px;
	color: white;
	padding: 2px 5px;
	position: relative;
	left: 0.5vw;
}

.index .f2 .f2Box .f2Swiper2 .swiper-slide .textBox .des {
	font-size: 1vw;
}

.index .f2 .f2Box .f2Swiper2 .swiper-slide .textBox .more {
	color: #f5a21b;
	font-size: .8vw;
	transition: 0.3s all ease-in-out;
	margin-top: 3vw;
	line-height: 20px;
	display: flex;
	align-items: center;
}

.index .f2 .f2Box .f2Swiper2 .swiper-slide .textBox .more i {
	font-size: 1vw;
	margin: 0.5vw 0.5vw 0.5vw 0;
	position: relative;
	top: 0.05vw;
	left: .1vw;
	margin-right: .5vw;
}

.index .f2 .f2Box .f2Swiper2 .swiper-slide .textBox .more:hover {
	letter-spacing: 3px;
}

.index .f2 .f2Box .f2Swiper2 .swiper-slide .textBox .itemBox {
	margin-top: 2vw;
}

.index .f2 .f2Box .f2Swiper2 .swiper-slide .textBox .itemBox .it {
	width: 100%;
	display: flex;
	justify-content: space-between;
	position: relative;
}

.index .f2 .f2Box .f2Swiper2 .swiper-slide .textBox .itemBox .it .num {
	background: linear-gradient(to bottom, rgba(245, 162, 27, 0.7) 0%, transparent 70%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 3vw;
	font-family: Manrope;
}

.index .f2 .f2Box .f2Swiper2 .swiper-slide .textBox .itemBox .it .text {
	width: 27vw;
	position: relative;
}

.index .f2 .f2Box .f2Swiper2 .swiper-slide .textBox .itemBox .it .text .t {
	font-size: .8vw;
	position: relative;
	line-height: 2;
	display: inline-block;
	padding-left: 1.5vw;
	color: #666666;
}

.index .f2 .f2Box .f2Swiper2 .swiper-slide .textBox .itemBox .it .text .t::before {
	content: '';
	position: absolute;
	width: .5vw;
	height: 1px;
	background: #666666;
	left: 0;
	margin-top: .8vw;
}

.index .f2 .f2Box .f2Swiper2 .swiper-slide .textBox .itemBox .it .text .d {
	font-size: 14px;
	color: #666666;
	line-height: 1.7;
	margin-top: 0.5vw;
}

.index .f2 .f2Box .f2Swiper2 .swiper-slide .imgBox {
	width: 50%;
	height: 26vw;
	position: relative;
	left: -7vw;
}

.index .f2 .f2Box .f2Swiper2 .swiper-slide .imgBox .more {
	width: 7vw;
	height: 7vw;
	background-color: rgba(245, 162, 27, 0.6);
	backdrop-filter: blur(5px);
	border-radius: 50%;
	text-align: center;
	line-height: 7vw;
	color: white;
	font-size: .8vw;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -3.5vw;
	margin-top: -3.5vw;
	transition: 0.4s all cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transform: scale(0);
	opacity: 0;
}

.index .f2 .f2Box .f2Swiper2 .swiper-slide .imgBox .img {
	width: 100%;
	height: 100%;
	background-size: contain !important;
}

.index .f2 .f2Box .f2Swiper2 .swiper-slide .imgBox:hover .more {
	transform: scale(1);
	opacity: 1;
}

.index .f2 .f2Box .f2Swiper2 .swiper-pagination {
	padding-bottom: 0;
}

.index .f2 .f2Box .f2Swiper2 .swiper-pagination .swiper-pagination-bullet {
	opacity: 1;
	background: #f5a21b;
	border-radius: 5px;
}

.index .f2 .f2Box .f2Swiper2 .swiper-pagination .swiper-pagination-bullet-active {
	width: 3vw;
}

.index .f2 .f2Box .circle-box {
	position: fixed;
	top: 0;
	left: 0;
	pointer-events: none;
	opacity: 0;
	cursor: pointer;
	z-index: 999;
}

.index .f2 .f2Box .circle-box .circle-default {
	position: absolute;
	top: -5vw;
	left: -5vw;
	width: 10vw;
	height: 10vw;
	background-color: rgba(245, 162, 27, 0.6);
	backdrop-filter: blur(5px);
	border: 1px solid #ffffff;
	border-radius: 50%;
	text-align: center;
	line-height: 10vw;
	color: white;
	font-size: 1vw;
	opacity: 1;
	box-sizing: border-box;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.index .f2 .f2Box .circle-box.active {
	opacity: 1;
	pointer-events: all;
}

.index .f3 {
	width: 100%;
	height: 50vw;
	position: relative;
}

.index .f3 .tit {
	position: absolute;
	color: white;
	z-index: 9;
	left: 8vw;
	top: 10vw;
	font-size: 2.5vw;
}

.index .f3 .f3Swiper2 {
	width: 100%;
	height: 50vw;
	overflow: hidden;
}

.index .f3 .f3Swiper2 .swiper-slide {
	width: 100%;
	height: 100%;
}

.index .f3 .f3Swiper2 .swiper-slide .imgBox {
	width: 100%;
	height: 100%;
	background-size: cover !important;
	background-blend-mode: multiply;
}

.index .f3 .f3Swiper2 .swiper-slide .imgBox .text {
	width: 50vw;
	padding: 18vw 0 0 8vw;
	color: white;
}

.index .f3 .f3Swiper2 .swiper-slide .imgBox .text .t {
	font-weight: bold;
	font-size: 1.75vw;
}

.index .f3 .f3Swiper2 .swiper-slide .imgBox .text .d {
	font-size: .85vw;
	line-height: 2;
	text-align: justify;
	margin: 1vw 0 3vw 0;
}

.index .f3 .f3Swiper2 .swiper-slide .imgBox .text .more {
	color: white;
	font-size: 1vw;
	transition: 0.3s all ease-in-out;
	line-height: 20px;
	display: flex;
	align-items: center;
}

.index .f3 .f3Swiper2 .swiper-slide .imgBox .text .more i {
	font-size: 1.25vw;
	margin: 0.5vw 0.5vw 0.5vw 0;
	position: relative;
	top: 0.05vw;
	margin-right: .5vw;
}

.index .f3 .f3Swiper2 .swiper-slide .imgBox .text .more:hover {
	letter-spacing: 3px;
}

.index .f3 .f3Swiper2 .swiper-button-next {
	color: white;
	font-size: 1.5vw;
	right: 8vw;
}

.index .f3 .f3Swiper2 .swiper-button-prev {
	color: white;
	font-size: 1.5vw;
	right: 11vw;
	left: inherit;
}

.index .f3 .f3Swiper2 .swiper-button-next:after,
.index .f3 .f3Swiper2 .swiper-button-prev:after {
	content: inherit;
}

.index .f3 .f3Swiper {
	width: 100%;
	height: 8vw;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	text-align: center;
	color: white;
	padding: 0 5vw;
	font-size: .85vw;
	z-index: 9;
}

.index .f3 .f3Swiper .swiper-slide {
	cursor: pointer;
	position: relative;
}

.index .f3 .f3Swiper .swiper-slide::before {
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: white;
	top: 3vw;
	margin-top: -5px;
	margin-left: -5px;
}

.index .f3 .f3Swiper .swiper-slide-thumb-active::after {
	content: '';
	position: absolute;
	width: 30px;
	height: 30px;
	border: 1px solid #f5a21b;
	border-radius: 50%;
	margin-left: -16px;
	margin-top: 3vw;
	top: -16px;
	background: rgba(245, 162, 27, 0.3);
}

.index .f3 .f3Swiper .swiper-slide-thumb-active::before {
	background: #f5a21b;
}

.index .f3 .f3Swiper a {
	color: white;
}

.index .f3 .f3Swiper::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	background: white;
	left: 0;
	margin-top: 3vw;
}

.index .f4 {
	width: 100%;
}

.index .f4 .titBox .tit {
	font-size: 2.5vw;
}

.index .f4 .textBox {
	width: 100%;
	padding: 6vw 8vw;
	display: flex;
	justify-content: space-between;
	background: white;
}

.index .f4 .textBox .titBox .des {
	color: #f5a21b;
	font-size: 1.25vw;
	margin-top: 5px;
}

.index .f4 .textBox .text {
	width: 50vw;
	color: #666666;
	font-size: .85vw;
	line-height: 2;
	text-align: justify;
}

.index .f4 .textBox .text .more {
	color: #f5a21b;
	font-size: .85vw;
	margin-top: 1vw;
	transition: 0.3s all ease-in-out;
	line-height: 20px;
	display: flex;
	align-items: center;
}

.index .f4 .textBox .text .more i {
	font-size: 1vw;
	margin: 0.5vw 0.5vw 0.5vw 0;
	position: relative;
	top: 0.05vw;
}

.index .f4 .textBox .text .more:hover {
	letter-spacing: 3px;
}

.index .f4 .imgBox {
	width: 100%;
	margin-top: -1vw;
}

.index .f4 .numBox {
	width: 100%;
	padding: 4vw 8vw;
	background: white;
	margin-top: -1vw;
	display: flex;
}

.index .f4 .numBox .item {
	flex: 1;
	color: #333333;
	text-align: center;
}

.index .f4 .numBox .item .num {
	font-size: .85vw;
}

.index .f4 .numBox .item .num span {
	color: #f5a21b;
	font-size: 3.5vw;
	font-family: Manrope;
	position: relative;
}

.index .f4 .numBox .item .d {
	font-size: .85vw;
}

.index .f5 {
	width: 100%;
	padding: 6vw 8vw;
	background: #f5f5f5;
	margin-top: -0.5vw;
}

.index .f5 .titBox {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.index .f5 .titBox .tit {
	font-size: 2.5vw;
}

.index .f5 .titBox .more {
	color: #333333;
	font-size: 1vw;
	margin-top: 1vw;
	display: block;
	transition: 0.3s all ease-in-out;
}

.index .f5 .titBox .more i {
	font-size: 1.25vw;
	margin: 0.5vw 0.5vw 0.5vw 0;
	position: relative;
	top: 0.05vw;
}

.index .f5 .titBox .more:hover {
	letter-spacing: 3px;
}

.index .f5 .newsSwiper {
	width: 100%;
	overflow: hidden;
	position: relative;
	margin-top: 3vw;
	padding-bottom: 3vw;
}

.index .f5 .newsSwiper .swiper-slide {
	background: white;
}

.index .f5 .newsSwiper .swiper-slide .imgBox {
	width: 100%;
	height: 15vw;
	overflow: hidden;
}

.index .f5 .newsSwiper .swiper-slide .imgBox .img {
	width: 100%;
	height: 100%;
	transition: 0.3s all ease-in-out;
	background-size: cover !important;
}

.index .f5 .newsSwiper .swiper-slide .text {
	width: 100%;
	height: 9vw;
	padding: 2vw;
}

.index .f5 .newsSwiper .swiper-slide .text .tab {
	background-color: #f5a21b;
	border-radius: 0.5vw 0vw 0.5vw 0vw;
	position: absolute;
	color: white;
	font-size: .875vw;
	padding: 0.2vw 1vw;
	margin-top: -3vw;
}

.index .f5 .newsSwiper .swiper-slide .text .time {
	font-size: .875vw;
	color: #999999;
	position: relative;
}

.index .f5 .newsSwiper .swiper-slide .text .t {
	font-size: .9vw;
	line-height: 1.5;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin-top: 10px;
	font-weight: bold;
}

.index .f5 .newsSwiper .swiper-slide:hover .imgBox .img {
	transform: scale(1.1);
}

.index .f5 .newsSwiper .swiper-slide:hover .text .t {
	color: #f5a21b;
}

.index .f5 .newsSwiper .swiper-pagination {
	width: 100%;
	height: 1px;
	bottom: 0;
	top: inherit;
	left: 0;
}

.index .f5 .newsSwiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background-color: #f5a21b;
}

.index .f6 {
	width: 100%;
	padding: 5vw;
	background: white;
	margin-top: -0.5vw;
}

.index .f6 .f6Box {
	width: 100%;
	height: 30vw;
	position: relative;
	overflow: hidden;
	border-radius: 1vw;
}

.index .f6 .f6Box .f6Img {
	width: 100%;
	position: absolute;
	border-radius: 1vw;
	background: #000000;
}

.index .f6 .f6Box .text {
	width: 32vw;
	position: relative;
	margin-left: 8vw;
	margin-top: 5vw;
}

.index .f6 .f6Box .text .icon1 {
	width: 2vw;
}

.index .f6 .f6Box .text .icon2 {
	width: 2vw;
	float: right;
}

.index .f6 .f6Box .text .t {
	color: white;
	font-weight: bold;
	font-size: 2.3vw;
	margin-top: 1vw;
}

.index .f6 .f6Box .text .t span {
	color: #f5a21b;
}

.index .f6 .f6Box .text .des {
	color: white;
	font-size: .85vw;
	line-height: 2;
	text-align: justify;
	margin: 1vw 0 2vw 0;
}

.index .f6 .f6Box .text .more {
	color: white;
	font-size: .85vw;
	transition: 0.3s all ease-in-out;
	line-height: 20px;
	display: flex;
	align-items: center;
}

.index .f6 .f6Box .text .more i {
	font-size: 1vw;
	margin: 0.5vw 0.5vw 0.5vw 0;
	position: relative;
	top: 0.05vw;
	margin-right: 1vw;
}

.index .f6 .f6Box .text .more:hover {
	letter-spacing: 3px;
}

.index .f7 {
	width: 100%;
	background: white;
	position: relative;
	margin-top: -0.5vw;
	padding-bottom: 3vw;
}

.index .f7 .tit {
	text-align: center;
	position: relative;
	font-size: 2.5vw;
}

.index .f7 .numBox {
	width: 100%;
	padding: 2vw 18vw;
	margin-top: -1vw;
	display: flex;
	justify-content: space-between;
	position: relative;
	z-index: 1;
}

.index .f7 .numBox .item {
	color: #333333;
}

.index .f7 .numBox .item .num {
	font-size: .85vw;
}

.index .f7 .numBox .item .num span {
	color: #f5a21b;
	font-size: 4vw;
	font-family: Manrope;
}

.index .f7 .numBox .item .d {
	font-size: 1vw;
}

.index .f7 .mapXBox {
	width: 53vw;
	height: 30vw;
	left: 17.5vw;
	margin-top: -0.5vw;
	position: absolute;
	z-index: 1;
}

.index .f7 .mapXBox .mapX {
	width: 100%;
	height: 100%;
	position: absolute;
	background-size: contain !important;
}

.index .f7 .mapXBox .mapX.mapX1 {
	clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
	-webkit-animation: widthAnimateLeft 3s ease infinite;
}

.index .f7 .mapXBox .mapX.mapX2 {
	clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
	-webkit-animation: widthAnimateLeft 3s 0.1s ease infinite;
}

.index .f7 .mapXBox .mapX.mapX3 {
	clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
	-webkit-animation: widthAnimateLeft 3s 0.2s ease infinite;
}

.index .f7 .mapXBox .mapX.mapX4 {
	clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
	-webkit-animation: widthAnimateRight 3s 0.3s ease infinite;
}

.index .f7 .mapXBox .mapX.mapX5 {
	clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
	-webkit-animation: widthAnimateRight 3s 0.4s ease infinite;
}

.index .f7 .mapXBox .mapX.mapX6 {
	clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
	-webkit-animation: widthAnimateRight 3s 0.5s ease infinite;
}

.index .f7 .mapXBox .mapX.mapX7 {
	clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
	-webkit-animation: widthAnimateRight 3s 0.6s ease infinite;
}

.index .f7 .mapXBox .mapX.mapX8 {
	clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
	-webkit-animation: widthAnimateRight 3s 0.7s ease infinite;
}

@-webkit-keyframes widthAnimateRight {
	to {
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	}
}

@-webkit-keyframes widthAnimateLeft {
	to {
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	}
}

.index .f7 .map {
	width: 75vw;
	margin: -8vw auto 0 auto;
	position: relative;
}

.index.active {
	height: auto;
}

.bannerBox {
	width: 100%;
	height: 15vw;
	position: relative;
	overflow: hidden;
}

.sub_menu {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 3vw 14vw 1vw;
	border-bottom: 1px solid rgba(0, 0, 0, .05);
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	display: none;
	overflow: hidden;
}

.about .f1:before {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0%;
	top: 0;
	content: '';
	background: url(../images/odot.png?v=2025) center center no-repeat;
	background-size: 30% auto;
	background-position: 30% 80%;
	opacity: 0.05;
	pointer-events: none;
}

.bannerBox .sub_menu {
	display: flex;
}

.sub_menu .left {
	width: auto;
	height: auto;
	position: relative;
}

.sub_menu .left .en {
	font-family: Manrope;
	color: #f5a21b;
	font-size: 20px;
}

.sub_menu .left .cn {
	font-size: 48px;
	position: relative;
}

.sub_menu .left .cn::after {
	width: 10px;
	height: 10px;
	position: absolute;
	right: -15px;
	top: 0%;
	transform: translateY(-50%);
	background: #f5a21b;
	border-radius: 50%;
	content: '';
}

.sub_menu .menu_bar {
	width: auto;
	height: auto;
	position: relative;
	display: flex;
}

.sub_menu .menu_bar a {
	margin-left: 25px;
	position: relative;
	line-height: 35px;
	transition: all 0.5s;
	font-size: 18px;
}

.sub_menu .menu_bar a::after {
	width: 0%;
	height: 3px;
	position: absolute;
	left: 50%;
	bottom: -1vw;
	content: '';
	background: #f5a21b;
	transition: all 0.4s;
}

.sub_menu .menu_bar a.active:after,
.sub_menu .menu_bar a:hover:after {
	width: 100%;
	left: 0;
}

.sub_menu .menu_bar a.active {
	color: #f5a21b;
	opacity: 1;
}

.sub_menu .menu_bar a:hover {
	opacity: 1;
	color: #f5a21b;
}


.bannerBox .banner {
	width: 100%;
	height: 100%;
	background-size: cover !important;
}

.bannerBox .text {
	color: white;
	font-weight: bold;
	font-size: 3vw;
	line-height: 1.2;
	letter-spacing: 0.2vw;
	position: absolute;
	left: 14vw;
	top: 15vw;
}

.tabHead {
	width: 100%;
	/*display: flex;*/
	/*justify-content: space-between;*/
	border-bottom: 1px solid #f7f7f7;
	padding: 0 14vw;
}

.tabHead .tabBox {
	display: flex;
	justify-content: center;
}

.tabHead .tabBox .tab {
	width: auto;
	font-weight: bold;
	font-size: 18px;
	display: block;
	text-align: center;
	padding: 1.5vw 0;
	margin-right: 2vw;
}

.tabHead .tabBox .tab:last-child {
	margin-right: 0;
}

.tabHead .tabBox .active {
	color: #f5a21b;
	border-bottom: 2px solid #f5a21b;
}

.tabHead .tabBox .tab:hover {
	color: #f5a21b;
	border-bottom: 2px solid #f5a21b;
}

.tabHead .link {
	padding: 1vw 0;
	font-size: 14px;
}

.tabHead .link i {
	color: #f5a21b;
	margin: 0 0.5vw;
}

.tabHead .link a {
	display: inline-block;
}

.about {
	width: 100%;
}

.about .f1 {
	width: 100%;
	padding: 3vw 14vw;
	display: flex;
	justify-content: space-between;
}

.about .f1 .textBox {
	width: 48vw;
}

.about .f1 .textBox .t {
	font-size: 28px;
	font-weight: bold;
}

.about .f1 .textBox .des {
	font-size: 16px;
	line-height: 2;
	text-align: justify;
	margin-top: 1vw;
}

.about .f1 .textBox .des p {
	margin-bottom: 10px;
}

.about .f1 .numBox {
	width: 20vw;
	height: 12vw;
	display: flex;
	flex-wrap: wrap;
	margin-top: 2vw;
}

.about .f1 .numBox .item {
	width: 10vw;
	color: #333333;
	margin-bottom: 1vw;
}

.about .f1 .numBox .item .num {
	font-size: 14px;
	color: #f5a21b;
	text-align: center;
}

.about .f1 .numBox .item .num span {
	font-size: 3vw;
	font-family: Manrope;
	position: relative;
}

.about .f1 .numBox .item .num font {
	font-size: 16px;
	position: absolute;
	margin-top: 0.5vw;
}

.about .f1 .numBox .item .d {
	font-size: 16px;
	text-align: center;
}

.about .f2 {
	width: 100%;
	height: auto;
	background-size: cover !important;
	padding: 13vw 14vw 4vw 14vw;
	color: white;
}

.about .f2 .textBox .t {
	font-size: 28px;
	font-weight: bold;
}

.about .f2 .textBox .itemBox {
	width: 35vw;
	display: flex;
	flex-wrap: wrap;
	margin-top: 1vw;
}

.about .f2 .textBox .itemBox .item {
	width: 15vw;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid white;
	margin-right: 3vw;
	padding: 1.2vw 0;
	margin-top: 1vw;
}

.about .f2 .textBox .itemBox .item .iconBox {
	display: flex;
}

.about .f2 .textBox .itemBox .item .icon {
	width: 2.5vw;
	margin-right: 2vw;
	filter: invert(1);
}

.about .f2 .textBox .itemBox .item .num {
	font-size: 3vw;
	line-height: 1;
	text-align: left;
}

.about .f2 .textBox .itemBox .item .num span {
	font-size: 16px;
}

.about .f2 .textBox .itemBox .item .des {
	font-size: 16px;
	text-align: right;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-content: space-between;
}

.about .f2 .textBox .itemBox .item .des p:nth-child(1) {
	display: block;
	width: 100%;
}

.about .f2 .textBox .itemBox .item:nth-child(2n) {
	margin-right: 0;
}

.about .f3 {
	width: 93vw;
	height: 46vw;
	border-radius: 1vw;
	margin: 5vw auto;
	padding: 5vw 10vw 0 10vw;
	color: white;
	position: relative;
	background-size: cover !important;
}

.about .f3 .f3Img {
	width: 35vw;
	position: absolute;
	right: 5vw;
	top: 5vw;
}

.about .f3 .text .t {
	font-size: 28px;
	font-weight: bold;
}

.about .f3 .text .des {
	font-size: 16px;
	line-height: 2;
	text-align: justify;
	margin-top: 3vw;
}

.about .f3 .itemBox {
	width: 70vw;
	display: flex;
	justify-content: space-between;
	text-align: center;
	position: absolute;
	bottom: 0;
}

.about .f3 .itemBox .item {
	width: 23vw;
	padding: 4vw 0 6vw 0;
	transition: 0.3s all ease-in-out;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 100%, rgba(245, 162, 27, 0.8) 100%);
}

.about .f3 .itemBox .item .t {
	transition: 0.3s all ease-in-out;
}

.about .f3 .itemBox .item .t .cn {
	font-size: 20px;
}

.about .f3 .itemBox .item .t .en {
	font-size: 16px;
}

.about .f3 .itemBox .item .des {
	font-size: 16px;
	margin-top: 2vw;
	line-height: 2;
}

.about .f3 .itemBox .item:hover {
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 30%, rgba(245, 162, 27, 0.8) 100%);
}

.about .f3 .itemBox .item:hover .t {
	transform: translateY(-2vw);
}

.about .f4 {
	width: 100%;
	background: #f9f9f9;
	padding: 5vw 14vw 8vw 14vw;
	position: relative;
	overflow: hidden;
}

.about .f4 .t {
	font-size: 28px;
	font-weight: bold;
}

.about .f4 .f4Swiper {
	width: 100%;
	overflow: hidden;
	padding: 4vw 0;
}

.about .f4 .f4Swiper .year {
	color: #f5a21b;
	font-size: 2vw;
	font-family: Manrope;
}

.about .f4 .f4Swiper .t1 {
	font-size: 18px;
	font-weight: bold;
	margin-top: 1vw;
}

.about .f4 .f4Swiper .d {
	font-size: 16px;
	color: #666666;
	line-height: 2;
	margin-top: 0.5vw;
}

.about .f4 .f4Swiper .swiper-button-next {
	width: 2vw;
	height: 2vw;
	border: 1px solid #666666;
	border-radius: 50%;
	left: 3vw;
	right: inherit;
	bottom: 0;
	top: inherit;
}

.about .f4 .f4Swiper .swiper-button-next:hover {
	background: #f5a21b;
	border: 1px solid #f5a21b;
}

.about .f4 .f4Swiper .swiper-button-next:hover:after {
	color: white;
}

.about .f4 .f4Swiper .swiper-button-prev {
	width: 2vw;
	height: 2vw;
	border: 1px solid #666666;
	border-radius: 50%;
	left: 0;
	right: inherit;
	bottom: 0;
	top: inherit;
}

.about .f4 .f4Swiper .swiper-button-prev:hover {
	background: #f5a21b;
	border: 1px solid #f5a21b;
}

.about .f4 .f4Swiper .swiper-button-prev:hover:after {
	color: white;
}

.about .f4 .f4Swiper .swiper-button-next:after,
.about .f4 .f4Swiper .swiper-button-prev:after {
	font-size: 0.9vw;
	color: #666666;
}

.about .f4 .honor_line {
	width: 4000px;
	height: 64px;
	position: absolute;
	left: 0%;
	bottom: 5vw;
	display: flex;
	pointer-events: none;
}

.about .f4 .honor_line img {
	width: 50%;
}

.about .f4 .honor_line.hl1 {
	animation: moves 5s linear infinite;
}

.about .f4 .honor_line.hl2 {
	animation: moves 5s linear infinite 2s;
	opacity: 0.5;
}

@-webkit-keyframes moves {
	0% {
		left: 0px;
	}

	100% {
		left: -2000px;
	}
}

.about .f7 {
	width: 100%;
	background: white;
	position: relative;
	margin-top: -0.5vw;
	padding: 4vw 0;
}

.about .f7 .tit {
	text-align: center;
	position: relative;
}

.about .f7 .numBox {
	width: 100%;
	padding: 2vw 18vw;
	display: flex;
	justify-content: space-between;
	position: relative;
	z-index: 1;
}

.about .f7 .numBox .item {
	color: #333333;
}

.about .f7 .numBox .item .num {
	font-size: 16px;
}

.about .f7 .numBox .item .num span {
	color: #f5a21b;
	font-size: 3vw;
	font-family: Manrope;
}

.about .f7 .numBox .item .d {
	font-size: 16px;
}

.about .f7 .mapXBox {
	width: 53vw;
	height: 30vw;
	left: 17.5vw;
	margin-top: -0.5vw;
	position: absolute;
	z-index: 1;
}

.about .f7 .mapXBox .mapX {
	width: 100%;
	height: 100%;
	position: absolute;
	background-size: contain !important;
}

.about .f7 .mapXBox .mapX.mapX1 {
	clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
	-webkit-animation: widthAnimateLeft 3s ease infinite;
}

.about .f7 .mapXBox .mapX.mapX2 {
	clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
	-webkit-animation: widthAnimateLeft 3s 0.1s ease infinite;
}

.about .f7 .mapXBox .mapX.mapX3 {
	clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
	-webkit-animation: widthAnimateLeft 3s 0.2s ease infinite;
}

.about .f7 .mapXBox .mapX.mapX4 {
	clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
	-webkit-animation: widthAnimateRight 3s 0.3s ease infinite;
}

.about .f7 .mapXBox .mapX.mapX5 {
	clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
	-webkit-animation: widthAnimateRight 3s 0.4s ease infinite;
}

.about .f7 .mapXBox .mapX.mapX6 {
	clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
	-webkit-animation: widthAnimateRight 3s 0.5s ease infinite;
}

.about .f7 .mapXBox .mapX.mapX7 {
	clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
	-webkit-animation: widthAnimateRight 3s 0.6s ease infinite;
}

.about .f7 .mapXBox .mapX.mapX8 {
	clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
	-webkit-animation: widthAnimateRight 3s 0.7s ease infinite;
}

@-webkit-keyframes widthAnimateRight {
	to {
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	}
}

@-webkit-keyframes widthAnimateLeft {
	to {
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	}
}

.about .f7 .map {
	width: 75vw;
	margin: -8vw auto 0 auto;
	position: relative;
}

.Honors {
	width: 100%;
}

.Honors .f1 {
	width: 100%;
	padding: 3vw 14vw 5vw;
	position: relative;
}

.Honors .f1 .t {
	font-size: 26px;
	font-weight: bold;
	text-align: center;
}

.Honors .f1 .f1swiper {
	width: 100%;
	overflow: hidden;
	position: relative;
	padding: 4vw 0 0.3vw 0;
}

.Honors .f1 .f1swiper .swiper-slide {
	text-align: center;
	font-size: 14px;
}

.Honors .f1 .f1swiper .swiper-slide .img {
	width: 100%;
	height: 20vw;
	background-size: contain !important;
	transform: scale(0.7);
	transition: 0.3s all ease-in-out;
}

.Honors .f1 .f1swiper .swiper-slide p {
	margin-top: 2vw;
	opacity: 0;
}

.Honors .f1 .f1swiper .swiper-slide-active .img {
	transform: scale(1.1);
}

.Honors .f1 .f1swiper .swiper-slide-active p {
	opacity: 1;
}

.Honors .f1 .f1swiper .swiper-button-next {
	width: 2vw;
	height: 2vw;
	border: 1px solid #666666;
	border-radius: 50%;
	right: 25vw;
	bottom: 0;
	top: inherit;
}

.Honors .f1 .f1swiper .swiper-button-next:hover {
	background: #f5a21b;
	border: 1px solid #f5a21b;
}

.Honors .f1 .f1swiper .swiper-button-next:hover:after {
	color: white;
}

.Honors .f1 .f1swiper .swiper-button-prev {
	width: 2vw;
	height: 2vw;
	border: 1px solid #666666;
	border-radius: 50%;
	left: 25vw;
	right: inherit;
	bottom: 0;
	top: inherit;
}

.Honors .f1 .f1swiper .swiper-button-prev:hover {
	background: #f5a21b;
	border: 1px solid #f5a21b;
}

.Honors .f1 .f1swiper .swiper-button-prev:hover:after {
	color: white;
}

.Honors .f1 .f1swiper .swiper-button-next:after,
.Honors .f1 .f1swiper .swiper-button-prev:after {
	font-size: 0.9vw;
	color: #666666;
}

.Honors .f2 {
	width: 100%;
	height: 50vw;
	background: url('../images/img25.jpg') center no-repeat;
	background-size: cover !important;
	padding: 5vw 14vw;
	position: relative;
}

.Honors .f2 .t {
	font-size: 26px;
	font-weight: bold;
}

.Honors .f2 .f2swiper1 {
	width: 37vw;
	overflow: hidden;
	position: absolute;
	right: 14vw;
	top: 5.5vw;
}

.Honors .f2 .f2swiper1 .swiper-slide {
	text-align: center;
}

.Honors .f2 .f2swiper1 .swiper-slide .img {
	width: 100%;
	height: 14vw;
	background-size: contain !important;
}

.Honors .f2 .f2swiper1 .swiper-slide p {
	font-size: 14px;
	margin-top: 0.5vw;
}

.Honors .f2 .f2swiper2 {
	width: 72vw;
	overflow: hidden;
	position: absolute;
	right: 14vw;
	bottom: 7vw;
}

.Honors .f2 .f2swiper2 .swiper-slide {
	text-align: center;
}

.Honors .f2 .f2swiper2 .swiper-slide .img {
	width: 100%;
	height: 14vw;
	background-size: contain !important;
}

.Honors .f2 .f2swiper2 .swiper-slide p {
	font-size: 14px;
	margin-top: 0.5vw;
}

.Honors .f2 .swiper-button-next {
	width: 2vw;
	height: 2vw;
	background: white;
	border-radius: 50%;
	right: 8vw;
	bottom: 15vw;
	top: inherit;
	box-shadow: 0vw 0vw 2vw 0vw rgba(41, 0, 0, 0.08);
}

.Honors .f2 .swiper-button-next:hover {
	background: #f5a21b;
	border: 1px solid #f5a21b;
}

.Honors .f2 .swiper-button-next:hover:after {
	color: white;
}

.Honors .f2 .swiper-button-prev {
	width: 2vw;
	height: 2vw;
	background: white;
	border-radius: 50%;
	left: 43vw;
	right: inherit;
	top: 13vw;
	box-shadow: 0vw 0vw 2vw 0vw rgba(41, 0, 0, 0.08);
}

.Honors .f2 .swiper-button-prev:hover {
	background: #f5a21b;
	border: 1px solid #f5a21b;
}

.Honors .f2 .swiper-button-prev:hover:after {
	color: white;
}

.Honors .f2 .swiper-button-next:after,
.Honors .f2 .swiper-button-prev:after {
	font-size: 0.9vw;
	color: #666666;
}

.Honors .f3 {
	width: 100%;
	padding: 5vw 14vw 6vw 14vw;
}

.Honors .f3 .titHead {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.Honors .f3 .titHead .t {
	font-size: 26px;
	font-weight: bold;
}

.Honors .f3 .titHead .tabs {
	display: flex;
	border-bottom: 2px solid #cccccc;
	margin-top: 0.5vw;
}

.Honors .f3 .titHead .tabs .tab {
	color: #099999;
	font-size: 16px;
	padding: .5vw 1vw;
	cursor: pointer;
	position: relative;
}

.Honors .f3 .titHead .tabs .tab::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 2px;
	background: transparent;
	left: 0;
	bottom: -0.1vw;
}

.Honors .f3 .titHead .tabs .active {
	color: #333333;
}

.Honors .f3 .titHead .tabs .active::before {
	background: #333333;
}

.Honors .f3 .f3Swiper {
	width: 100%;
	height: 42vw;
	overflow: hidden;
	padding: 3vw 0;
	display: none;
}

.Honors .f3 .f3Swiper .swiper-slide {
	width: 13vw !important;
	height: 18vw;
	/*padding: 2vw 1vw;*/
	position: relative;
	text-align: center;
	margin-right: 1.7vw;
	margin-bottom: 1.7vw;
	box-shadow: 0 0.5vw 1vw 0 rgba(0, 0, 0, 0.1);
	background: linear-gradient(to top, rgba(245, 162, 27, 0.2) 10%, rgba(255, 255, 255, 0) 100%);
}

.Honors .f3 .f3Swiper2 .swiper-slide {
	background: linear-gradient(to top, rgb(198 184 160 / 20%) 10%, rgba(255, 255, 255, 0) 100%);
}
.Honors .f3 .f3Swiper .swiper-slide .img{
	width: 100%;
	height: 100%;
	background-size: contain !important;
}
.Honors .f3 .f3Swiper .swiper-slide .icon {
	width: 6vw;
	margin: 0 auto;
}

.Honors .f3 .f3Swiper2 .swiper-slide .icon {
	width: 5vw;
	margin: 0 auto;
}

.Honors .f3 .f3Swiper .swiper-slide .year {
	font-size: 3vw;
	font-family: Manrope;
	opacity: 0.1;
}

.Honors .f3 .f3Swiper .swiper-slide .name {
	font-size: 16px;
	font-weight: bold;
}

.Honors .f3 .f3Swiper .swiper-slide .num {
	color: #999999;
	font-size: 14px;
	position: absolute;
	bottom: 1vw;
	text-align: center;
	width: 100%;
	left: 0;
}

.Honors .f3 .f3Swiper .swiper-pagination {
	height: 2px;
	bottom: 0;
	top: inherit;
}

.Honors .f3 .f3Swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: #f5a21b;
}

.Honors .f3 .f3Swiper.active {
	display: block;
}

.join {
	width: 100%;
}

.join .f1 {
	width: 100%;
	height: 43vw;
	background-size: cover !important;
	position: relative;
}

.join .f1 .text {
	width: 36vw;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	right: 14vw;
}

.join .f1 .text .t {
	font-size: 28px;
	font-weight: bold;
}

.join .f1 .text .des {
	font-size: 16px;
	line-height: 2;
	text-align: justify;
	margin: 2vw 0;
}

.join .f1 .text .jl .name {
	font-size: 16px;
	font-weight: bold;
}

.join .f1 .text .jl .email {
	background-color: #ffffff;
	border-radius: 2vw;
	border: 1px solid #d1d1d1;
	font-size: 16px;
	padding: 5px 15px;
	display: inline-block;
	margin-top: 10px;
	line-height: 25px;
}

.join .f2 {
	width: 100%;
	padding: 5vw 14vw;
}

.join .f2 .join_box {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.join .f2 .join_box .join_left {
	width: 25%;
	position: relative;
}

.join .f2 .join_box .join_left .t {
	font-size: 26px;
	font-weight: bold;
}

.join .f2 .join_box .join_left .join_menu {
	width: 80%;
	margin-top: 3vw;
}

.join .f2 .join_box .join_left .join_menu .item {
	width: 100%;
	height: auto;
	position: relative;
	background: #f9f9f9;
	border-radius: 0.3vw;
	font-size: 16px;
	padding: 1vw 2vw;
	margin-bottom: 1vw;
	cursor: pointer;
}

.join .f2 .join_box .join_left .join_menu .item p {
	position: relative;
}

.join .f2 .join_box .join_left .join_menu .item p::after {
	content: '';
	width: 7px;
	height: 7px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	background: #f5a21b;
	border-radius: 50%;
	opacity: 0;
}

.join .f2 .join_box .join_left .join_menu .item.active {
	color: #f5a21b;
	/*border-bottom: 2px solid #f5a21b;*/
}

.join .f2 .join_box .join_left .join_menu .item.active p::after {
	opacity: 1;
}

/*.join .f2 .join_box .join_left .join_menu .item.active::before {*/
/*  content: '';*/
/*  position: absolute;*/
/*  bottom: 0;*/
/*  left: 0;*/
/*  width: 2px;*/
/*  height: 2vw;*/
/*  background: linear-gradient(to top, #f2a854, transparent);*/
/*}*/
/*.join .f2 .join_box .join_left .join_menu .item.active::after {*/
/*  content: '';*/
/*  position: absolute;*/
/*  bottom: 0;*/
/*  right: 0;*/
/*  width: 2px;*/
/*  height: 2vw;*/
/*  background: linear-gradient(to top, #f2a854, transparent);*/
/*}*/
.join .f2 .join_box .joins {
	width: 70%;
	position: relative;
}

.join .f2 .join_box .joins .item {
	width: 100%;
	height: auto;
	position: relative;
	margin-bottom: 1vw;
	background: #f9f9f9;
	padding: 2vw;
	border-radius: 0.3vw;
	overflow: hidden;
}

.join .f2 .join_box .joins .item:last-child {
	margin-bottom: 0;
}

.join .f2 .join_box .joins .item .top {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	cursor: pointer;
	position: relative;
	align-items: center;
}

.join .f2 .join_box .joins .item .top .jr {
	width: 90%;
	position: relative;
	display: flex;
	justify-content: space-between;
}

.join .f2 .join_box .joins .item .top .jr .title {
	width: calc(100% - 120px);
	height: auto;
	position: relative;
}

.join .f2 .join_box .joins .item .top .jr .title .t {
	font-size: 16px;
}

.join .f2 .join_box .joins .item .top .jr .title .d {
	font-size: 12px;
	color: #666666;
	margin-top: 0.5vw;
}

.join .f2 .join_box .joins .item .top .jr .gz {
	font-size: 16px;
	margin-top: 0.7vw;
}

.join .f2 .join_box .joins .item .top .plus {
	width: 20px;
	height: 50px;
	position: relative;
}

.join .f2 .join_box .joins .item .top .plus::after {
	content: '';
	width: 14px;
	height: 2px;
	background: #a3a3a3;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.join .f2 .join_box .joins .item .top .plus::before {
	content: '';
	width: 2px;
	height: 14px;
	background: #a3a3a3;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.join .f2 .join_box .joins .item .top::after {
	width: 0%;
	height: 2px;
	position: absolute;
	left: 0;
	bottom: -1.5vw;
	content: '';
	background-color: #f5a21b;
	transition: all 0.45s;
}

.join .f2 .join_box .joins .item .btms {
	width: 100%;
	height: auto;
	position: relative;
	line-height: 1.7;
	display: none;
	margin-top: 0.5vw;
	padding-top: 1vw;
}

.join .f2 .join_box .joins .item .btms .cons {
	width: 100%;
	height: auto;
	position: relative;
	line-height: 2;
	font-size: 14px;
	margin-top: 1vw;
}

.join .f2 .join_box .joins .item .btms .apply_btn {
	position: relative;
	cursor: pointer;
	background: #f5a21b;
	color: #fff;
	border-radius: 5px;
	text-align: center;
	font-size: 16px;
	padding: 5px 15px;
	display: inline-block;
	transition: all 0.4s;
	margin-top: 1vw;
}

.join .f2 .join_box .joins .item .btms .apply_btn:hover {
	border-radius: 50px;
}

.join .f2 .join_box .joins .item.active {
	border-bottom: 2px solid #f2a854;
}

.join .f2 .join_box .joins .item.active::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 2px;
	height: 15vw;
	background: linear-gradient(to top, #f2a854, transparent);
}

.join .f2 .join_box .joins .item.active::after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	width: 2px;
	height: 15vw;
	background: linear-gradient(to top, #f2a854, transparent);
}

.join .f2 .join_box .joins .item.active .top .jr .title .t {
	color: #f5a21b;
}

.join .f2 .join_box .joins .item.active .top .plus::before {
	transform: translate(-50%, -50%) rotate(90deg);
}

.join .f2 .join_box .joins .item.active .top::after,
.join .f2 .join_box .joins .item:hover .top::after {
	width: 100%;
}

.join .f2 .join_box .joins .item.active .btms {
	display: block;
}

.solution {
	width: 100%;
}

.solution .f1 {
	width: 100%;
	padding: 3vw 14vw 3vw 14vw;
	display: flex;
	flex-wrap: wrap;
	position: relative;
}

.solution .f1 .item {
	width: 32%;
	height: auto;
	border-radius: 0.3vw;
	background: #f9f9f9;
	overflow: hidden;
	margin-right: 2%;
	margin-bottom: 2%;
	position: relative;
	border-bottom: 2px solid transparent;
	transition: 0.1s all ease-in-out;
}

.solution .f1 .item .imgBox {
	width: 100%;
	height: 12vw;
	border-radius: 0.3vw;
	overflow: hidden;
}

.solution .f1 .item .imgBox .img {
	width: 100%;
	height: 100%;
	transition: 0.3s all ease-in-out;
	background-size: cover !important;
}

.solution .f1 .item .text {
	height: auto;
	padding: 20px;
	position: relative;
}

.solution .f1 .item .text .icon {
	width: 25px;
	position: absolute;
	right: 1vw;
	filter: invert(.5);
}

.solution .f1 .item .text .name {
	font-size: 18px;
	font-weight: bold;
}

.solution .f1 .item .text .des {
	font-size: 14px;
	line-height: 2;
	text-align: justify;
	margin-top: 1vw;
	color: #5a5a5a;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	overflow: hidden;
}

.solution .f1 .item .text .more {
	font-size: 12px;
	transition: 0.3s all ease-in-out;
	position: relative;
	margin-top: 15px;
	line-height: 20px;
	display: flex;
	align-items: center;
	color: #5a5a5a;
}

.solution .f1 .item .text .more i {
	font-size: 20px;
	margin: 0.5vw 0.5vw 0.5vw 0;
	position: relative;
	top: 0.05vw;
	margin-right: 5px;
}

.solution .f1 .item .text .more:hover {
	letter-spacing: 3px;
}

.solution .f1 .item::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 2px;
	height: 0;
	background: linear-gradient(to top, #f2a854, transparent);
	transition: 0.3s all ease-in-out;
}

.solution .f1 .item::after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	width: 2px;
	height: 0;
	background: linear-gradient(to top, #f2a854, transparent);
	transition: 0.3s all ease-in-out;
}

.solution .f1 .item:nth-child(3n) {
	margin-right: 0;
}

.solution .f1 .item:hover {
	border-bottom: 2px solid #f5a21b;
}

.solution .f1 .item:hover .imgBox .img {
	transform: scale(1.1);
}

.solution .f1 .item:hover::before {
	height: 8vw;
}

.solution .f1 .item:hover::after {
	height: 8vw;
}

.solutionDetail {
	width: 100%;
}

.solutionDetail .f1 {
	width: 100%;
	padding: 3vw 14vw 5vw;
}

.solutionDetail .f1 .textBox {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.solutionDetail .f1 .textBox .left {
	width: 35vw;
}

.solutionDetail .f1 .textBox .left .t {
	font-size: 26px;
	font-weight: bold;
}

.solutionDetail .f1 .textBox .left .item {
	margin-top: 3vw;
}

.solutionDetail .f1 .textBox .left .item .name {
	font-size: 18px;
	font-weight: bold;
}

.solutionDetail .f1 .textBox .left .item .des {
	font-size: 15px;
	line-height: 2;
	text-align: justify;
	margin-top: 1vw;
	color: #666666;
}

.solutionDetail .f1 .textBox .left .item .des p {
	text-wrap-mode: wrap !important;
}

.solutionDetail .f1 .textBox .left .item .des p span {
	text-wrap-mode: wrap !important;
}

.solutionDetail .f1 .textBox .right {
	width: 30vw;
}

.solutionDetail .f1 .f1Box {
	width: 100%;
	margin-top: 3vw;
}

.solutionDetail .f1 .f1Box .t {
	font-size: 18px;
	font-weight: bold;
}

.solutionDetail .f1 .f1Box .item {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-top: 2vw;
}

.solutionDetail .f1 .f1Box .item .it {
	width: 48%;
	margin-right: 4%;
	margin-bottom: 1vw;
	position: relative;
	background-color: #f9f9f9;
	border-radius: 0.3vw;
	padding: 1.5vw;
	font-size: 15px;
	/*border-bottom: 2px solid #f5a21b;*/
}

.solutionDetail .f1 .f1Box .item .it:nth-child(2n) {
	margin-right: 0;
}

/*.solutionDetail .f1 .f1Box .item .it::before {*/
/*  content: '';*/
/*  position: absolute;*/
/*  bottom: 0;*/
/*  left: 0;*/
/*  width: 2px;*/
/*  height: 2vw;*/
/*  background: linear-gradient(to top, #f2a854, transparent);*/
/*  transition: 0.3s all ease-in-out;*/
/*}*/
/*.solutionDetail .f1 .f1Box .item .it::after {*/
/*  content: '';*/
/*  position: absolute;*/
/*  bottom: 0;*/
/*  right: 0;*/
/*  width: 2px;*/
/*  height: 2vw;*/
/*  background: linear-gradient(to top, #f2a854, transparent);*/
/*  transition: 0.3s all ease-in-out;*/
/*}*/
.solutionDetail .f2 {
	width: 100%;
	padding: 5vw 14vw;
	background: #f9f6f2;
}

.solutionDetail .f2 .t {
	font-size: 26px;
	font-weight: bold;
	text-align: center;
}

.solutionDetail .f2 .f2Swiper {
	width: 100%;
	overflow: hidden;
	padding: 3vw 0;
}

.solutionDetail .f2 .f2Swiper .swiper-slide {
	border-radius: 0.3vw;
	overflow: hidden;
	background: white;
}

.solutionDetail .f2 .f2Swiper .swiper-slide .imgBox {
	width: 100%;
	height: 13vw;
	border-radius: 0.3vw;
	overflow: hidden;
}

.solutionDetail .f2 .f2Swiper .swiper-slide .imgBox .img {
	width: 100%;
	height: 100%;
	transition: 0.3s all ease-in-out;
	background-size: cover !important;
}

.solutionDetail .f2 .f2Swiper .swiper-slide .text {
	height: 8em;
	padding: 20px;
}

.solutionDetail .f2 .f2Swiper .swiper-slide .text .name {
	font-size: 18px;
	font-weight: bold;
}

.solutionDetail .f2 .f2Swiper .swiper-slide .text .des {
	font-size: 15px;
	line-height: 2;
	text-align: justify;
	margin-top: 0.5vw;
	color: #666666;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.solutionDetail .f2 .f2Swiper .swiper-slide:hover {
	background: white;
}

.solutionDetail .f2 .f2Swiper .swiper-slide:hover .imgBox .img {
	transform: scale(1.1);
}

.solutionDetail .f2 .f2Swiper .swiper-slide:hover .text .name {
	color: #f5a21b;
}

.solutionDetail .f2 .f2Swiper .swiper-pagination-bullet-active {
	background: #f5a21b;
}

.solutionDetail .f3 {
	width: 100%;
	padding: 5vw 14vw;
}

.solutionDetail .f3 .t {
	font-size: 26px;
	font-weight: bold;
	text-align: center;
}

.solutionDetail .f3 .f3Box {
	width: 100%;
	margin-top: 1vw;
	display: flex;
	flex-wrap: wrap;
}

.solutionDetail .f3 .f3Box .item {
	width: 23.5%;
	border: 1px solid #eaeaea;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px;
	margin-right: 2%;
	margin-top: 2%;
	border-radius: 0.3vw;
	transition: 0.3s all ease-in-out;
}

.solutionDetail .f3 .f3Box .item .img {
	width: auto;
	height: 3vw;
}

.solutionDetail .f3 .f3Box .item .img img {
	width: auto;
	height: 3vw;
}

.solutionDetail .f3 .f3Box .item .text {
	width: calc(100% - 4vw);
}

.solutionDetail .f3 .f3Box .item .text .name {
	font-size: 16px;
	line-height: 3vw;
	font-weight: bold;
}

.solutionDetail .f3 .f3Box .item .text .des {
	font-size: 0.9vw;
	line-height: 1.7;
	text-align: justify;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.solutionDetail .f3 .f3Box .item:nth-child(4n) {
	margin-right: 0;
}

.solutionDetail .f3 .f3Box .item:hover {
	border: 1px solid #f5a21b;
}

.news {
	width: 100%;
}

.news .f1 {
	width: 100%;
	padding: 3vw 14vw 5vw;
	background: #f5f5f5;
}

.news .f1 .f1Item {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.news .f1 .f1Item .item {
	width: 32%;
	height: auto;
	background: white;
	border: 1px solid transparent;
	transition: 0.3s all ease-in-out;
}

.news .f1 .f1Item .item .imgBox {
	width: 100%;
	height: 13vw;
	overflow: hidden;
}

.news .f1 .f1Item .item .imgBox .img {
	width: 100%;
	height: 100%;
	transition: 0.3s all ease-in-out;
	background-size: cover !important;
}

.news .f1 .f1Item .item .text {
	padding: 1.5vw;
	position: relative;
}

.news .f1 .f1Item .item .text .trip {
	background: #f5a21b;
	border-radius: 0.5vw 0vw 0.5vw 0vw;
	font-size: 14px;
	padding: 0.2vw 1vw;
	display: inline-block;
	color: white;
	position: relative;
	top: -2.4vw;
}

.news .f1 .f1Item .item .text .time {
	color: #999999;
	font-size: 14px;
	margin-top: -1.5vw;
}

.news .f1 .f1Item .item .text .name {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
	margin-top: 0.5vw;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.news .f1 .f1Item .item:hover {
	border: 1px solid #f5a21b;
}

.news .f1 .f1Item .item:hover .imgBox .img {
	transform: scale(1.1);
}

.news .f1 .f1Box {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.news .f1 .f1Box .item {
	width: 49%;
	height: auto;
	background: #ffffff;
	margin-right: 2%;
	margin-top: 2%;
	padding: 1.5vw;
	border: 1px solid transparent;
	transition: 0.3s all ease-in-out;
}

.news .f1 .f1Box .item .trip {
	background: #f5a21b;
	border-radius: 0.5vw 0vw 0.5vw 0vw;
	font-size: 14px;
	padding: 0.2vw 1vw;
	display: inline-block;
	color: white;
}

.news .f1 .f1Box .item .time {
	color: #999999;
	font-size: 14px;
	margin-top: 1vw;
}

.news .f1 .f1Box .item .name {
	font-size: 16px;
	font-weight: bold;
	margin-top: 0.5vw;
	line-height: 1.7;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.news .f1 .f1Box .item .des {
	font-size: 14px;
	line-height: 1.7;
	text-align: justify;
	margin-top: 0.5vw;
	color: #666666;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.news .f1 .f1Box .item:nth-child(2n) {
	margin-right: 0;
}

.news .f1 .f1Box .item:hover {
	border: 1px solid #f5a21b;
}

.download {
	width: 100%;
}

.download .f1 {
	width: 100%;
	padding: 3vw 14vw;
	display: inline-block;
}

.download .f1 .left {
	width: 14vw;
	height: auto;
	background-color: #ffffff;
	box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.05);
	display: inline-block;
	float: left;
	position: sticky;
	top: 6vw;
}

.download .f1 .left .itemBox .t {
	padding: 1vw 1vw;
	font-size: 16px;
	border-bottom: 1px solid rgba(0, 0, 0, .05);
}

.download .f1 .left .itemBox .t i {
	font-size: 18px;
	position: relative;
	color: #a4a4a4;
	margin-right: 0.5vw;
}

.download .f1 .left .itemBox .items {
	width: 100%;
	padding: 0.5vw 0 0.5vw 2.8vw;
}

.download .f1 .left .itemBox .items.downloadCates {
	min-height: 15rem;
	overflow-y: scroll;
}

.download .f1 .left .itemBox .items .item {
	font-size: 14px;
	padding: 7px 0;
}

.download .f1 .left .itemBox .items .item .it {
	display: flex;
	cursor: pointer;
}

.download .f1 .left .itemBox .items .item .it .checked {
	width: 16px;
	height: 16px;
	border: 1px solid #b5b5b5;
	margin-right: 0.5vw;
	position: relative;
	top: 0.1vw;
}

.download .f1 .left .itemBox .items .item .it.active .checked {
	border: 5px solid #f5a21b;
}

.download .f1 .left .itemBox .items .item .itemUl {
	display: none;
	position: relative;
	padding-left: 1.5vw;
	margin-top: 0.5vw;
}

.download .f1 .left .itemBox .items .item .itemUl .it {
	padding: 0.4vw 0;
}

.download .f1 .left .itemBox .items .item .itemUlOpen {
	display: block;
}

.download .f1 .left .clearBtn {
	width: 100%;
	/*position: absolute;*/
	/*bottom: 0;*/
	background: #f5a21b;
	color: white;
	font-size: 16px;
	padding: 0.7vw 0;
	text-align: center;
	cursor: pointer;
}

.download .f1 .right {
	width: calc(100% - 17vw);
	display: inline-block;
	margin-left: 2.5vw;
}

.download .f1 .right .titHeads {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.download .f1 .right .titHeads .t {
	font-size: 16px;
}

.download .f1 .right .titHeads .t span {
	color: #f5a21b;
}

.download .f1 .right .titHeads .serach {
	width: 15vw;
	border-radius: 3vw;
	border: 1px solid #cccccc;
	font-size: 14px;
	color: #666666;
	padding: 10px 15px;
}

.download .f1 .right .titHeads .serach i {
	cursor: pointer;
}

.download .f1 .right .titHeads .serach input {
	width: 82%;
	margin-left: 5px;
	border: transparent;
	outline: none;
	background: transparent;
	font-size: 14px;
}

.download .f1 .right .itemBox {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.download .f1 .right .itemBox .item {
	width: 32%;
	height: auto;
	background: white;
	box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.03);
	margin-top: 2%;
	margin-right: 2%;
	position: relative;
	transition: 0.3s all ease-in-out;
}

.download .f1 .right .itemBox .item .textBox {
	display: flex;
	justify-content: space-between;
	/*align-items: center;*/
	padding: 1vw 1vw 3vw 1vw;
}

.download .f1 .right .itemBox .item .textBox .img {
	width: 5vw;
	height: 5vw;
	background-size: cover !important;
	border-radius: 0.3vw;
	overflow: hidden;
}

.download .f1 .right .itemBox .item .textBox .text {
	width: calc(100% - 6vw);
}

.download .f1 .right .itemBox .item .trip {
	background-color: #f3f3f3;
	border-radius: 0.3vw;
	font-size: 14px;
	display: inline-block;
	padding: 0.1vw 0.8vw;
}

.download .f1 .right .itemBox .item .name {
	font-size: 16px;
	align-items: center;
	display: flex;
	margin: 5px 0;
}

.download .f1 .right .itemBox .item .time {
	color: #999999;
	font-size: 14px;
}

.download .f1 .right .itemBox .item .btnBox {
	width: 100%;
	position: absolute;
	bottom: 0;
	display: flex;
	padding: .5vw 0;
	justify-content: center;
	transition: 0.3s all ease-in-out;
}

.download .f1 .right .itemBox .item .btnBox .btn {
	font-size: 14px;
	color: #f5a21b;
	transition: 0.3s all ease-in-out;
}

.download .f1 .right .itemBox .item .btnBox .btn i {
	padding: 0.4vw;
	cursor: pointer;
	margin-right: 0.2vw;
}

.download .f1 .right .itemBox .item:nth-child(3n) {
	margin-right: 0;
}

.download .f1 .right .itemBox .item:hover {
	box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
}

.download .f1 .right .itemBox .item:hover .btnBox {
	background: #f5a21b;
}

.download .f1 .right .itemBox .item:hover .btnBox .btn {
	color: white;
}

.learning {
	width: 100%;
}

.learning .f1 {
	width: 100%;
	padding: 3vw 14vw 5vw 14vw;
}

.learning .f1 .t {
	font-size: 26px;
	font-weight: bold;
	text-align: center;
}

.download .f1 .f1Item {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.download .f1 .f1Item .item {
	width: 23.5%;
	background: white;
	border: 1px solid transparent;
	transition: 0.3s all ease-in-out;
	margin-right: 2%;
	border-radius: 0.3vw;
	box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	cursor: pointer;
	/*margin-bottom: 1.5vw;*/
}

.download .f1 .f1Item .item .imgBox {
	width: 100%;
	height: 10vw;
	position: relative;
	overflow: hidden;
}

.download .f1 .f1Item .item .imgBox .play {
	background-color: #ffffff;
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 50%;
	width: 2.5vw;
	height: 2.5vw;
	font-size: 1.3vw;
	text-align: center;
	line-height: 2.5vw;
	transform: translate(-50%, -50%);
	z-index: 1;
}

.download .f1 .f1Item .item .imgBox .img {
	width: 100%;
	height: 100%;
	transition: 0.3s all ease-in-out;
	background-size: cover !important;
}

.download .f1 .f1Item .item .text {
	padding: 1vw .5vw;
	position: relative;
}

.download .f1 .f1Item .item .text .name {
	font-size: 16px;
	text-align: center;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	/*-webkit-line-clamp: 1;*/
	overflow: hidden;
}
.download .f1 .f1Item .item:hover {
	border: 1px solid #f5a21b;
}

.download .f1 .f1Item .item:hover .imgBox .img {
	transform: scale(1.1);
}

.QA {
	width: 100%;
}

.QA .f1 {
	width: 100%;
	padding: 3vw 14vw 5vw 14vw;
	display: flex;
	justify-content: space-between;
}

.QA .f1 .left {
	width: 40vw;
	padding-top: 0vw;
}

.QA .f1 .left .t {
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 1vw;
}

.QA .f1 .left .itemBox {
	width: 100%;
}

.QA .f1 .left .itemBox .item {
	padding: 1.5vw 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
	cursor: pointer;
}

.QA .f1 .left .itemBox .item .q {
	font-size: 16px;
	font-weight: bold;
	display: flex;
	justify-content: space-between;
}

.QA .f1 .left .itemBox .item .q .icon {
	position: relative;
	top: 0.2vw;
	color: #f5a21b;
}

.QA .f1 .left .itemBox .item .q .icon i:nth-child(2) {
	display: none;
}

.QA .f1 .left .itemBox .item .a {
	font-size: 14px;
	line-height: 2;
	text-align: justify;
	color: #666666;
	height: 0;
	opacity: 0;
}

.QA .f1 .left .itemBox .item.active .q .icon i:nth-child(1) {
	display: none;
}

.QA .f1 .left .itemBox .item.active .q .icon i:nth-child(2) {
	display: block;
}

.QA .f1 .left .itemBox .item.active .a {
	height: auto;
	opacity: 1;
	margin-top: 1vw;
}

.QA .f1 .right {
	width: 28vw;
	height: 35vw;
	background-color: #ffffff;
	border-radius: 0.3vw;
	padding: 3vw 2vw;
	box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
	position: relative;
	overflow: hidden;
}

.QA .f1 .right .t {
	font-size: 26px;
	font-weight: bold;
}

.QA .f1 .right .d {
	font-size: 14px;
	margin: 1vw 0;
	position: relative;
}

.QA .f1 .right form {
	width: 100%;
}

.QA .f1 .right form .textareaBox {
	width: 100%;
	height: 8vw;
	border: 1px solid #cccccc;
	padding: 1vw;
	border-radius: 0.3vw;
	margin-bottom: 1vw;
}

.QA .f1 .right form .textareaBox textarea {
	width: 100%;
	height: 100%;
	border: transparent;
	font-size: 14px;
	outline: none;
}

.QA .f1 .right form .inputBox {
	width: 100%;
	/*height: 3vw;*/
	border: 1px solid #cccccc;
	padding: 1vw;
	border-radius: 0.3vw;
	margin-bottom: 1vw;
}

.QA .f1 .right form .inputBox input {
	width: 100%;
	height: 100%;
	border: transparent;
	font-size: 14px;
	outline: none;
}

.QA .f1 .right .submit {
	width: 9vw;
	height: 3vw;
	background-color: #f5a21b;
	border-radius: 0.3vw;
	color: white;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	line-height: 3vw;
	margin: 1vw auto 0 auto;
	cursor: pointer;
	transition: 0.3s all ease-in-out;
}

.QA .f1 .right .submit:hover {
	border-radius: 5vw;
}

.QA .f1 .right::before {
	content: '';
	width: 50vw;
	height: 50vw;
	position: absolute;
	top: -20vw;
	right: -20vw;
	background: url('../images/icon9.png') center no-repeat;
	background-size: cover !important;
	pointer-events: none;
}

.QA .f1 .right::after {
	content: '';
	width: 20vw;
	height: 20vw;
	position: absolute;
	bottom: -10vw;
	left: -8vw;
	background: url('../images/icon9.png') center no-repeat;
	background-size: cover !important;
	pointer-events: none;
}

.service {
	width: 100%;
}

.service .f1 {
	width: 100%;
	height: 45vw;
	background-size: cover !important;
	position: relative;
}

.service .f1 .mapIcon {
	width: 10vw;
	position: absolute;
	left: 40vw;
	top: 18vw;
	cursor: pointer;
}

.service .f1 .mapIcon .logos {
	background: #f5a21b;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	padding: 20px;
	position: relative;
	top: -1.5vw;
}

.service .f1 .mapIcon .logos:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -0.36666vw;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 0.41666vw solid transparent;
	border-right: 0.41666vw solid transparent;
	border-top: 0.41666vw solid #f5a21b;
}

.service .f1 .mapIcon .mapIcons {
	width: 8vw;
	margin: 0 auto;
	-webkit-animation: mapIconsAnm 1.5s ease 0s infinite;
	animation: mapIconsAnm 1.5s ease 0s infinite;
}

@-webkit-keyframes mapIconsAnm {
	0% {
		transform: translateY(-.5vw);
	}

	50% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(-.5vw);
	}
}

.service .f1 .textBox {
	width: 26vw;
	height: auto;
	background-color: #ffffff;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
	border-radius: 0.3vw;
	position: absolute;
	top: 8vw;
	right: 14vw;
	padding: 2vw;
}

.service .f1 .textBox .t {
	color: #f5a523;
	font-size: 16px;
}

.service .f1 .textBox .d {
	font-size: 22px;
	margin: 1vw 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	padding-bottom: 1vw;
	font-weight: bold;
}

.service .f1 .textBox .itemBox {
	width: 100%;
}

.service .f1 .textBox .itemBox .item {
	padding-left: 1.5vw;
	margin-bottom: 25px;
}

.service .f1 .textBox .itemBox .item .it {
	color: #999999;
	font-size: 14px;
}

.service .f1 .textBox .itemBox .item .it i {
	color: #f5a21b;
	position: absolute;
	font-size: 18px;
	margin-left: -1.5vw;
}

.service .f1 .textBox .itemBox .item .des {
	font-size: 16px;
	line-height: 1.5;
	margin-top: 5px;
	font-weight: bold;
}

.service .f1 .textBox .itemBox .item .itemPhone {
	font-size: 20px;
}

.service .f1 .textBox .itemBox .item:last-child {
	margin-bottom: 0;
}

.service .f2 {
	width: 100%;
	padding: 5vw 14vw;
}

.service .f2 .t {
	font-size: 26px;
	font-weight: bold;
	text-align: center;
}

.service .f2 .f2Box {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 2vw;
}

.service .f2 .f2Box .item {
	width: 13vw;
	height: auto;
	background: white;
	border-radius: 0.3vw;
	padding: 1.5vw;
	box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
	position: relative;
	overflow: hidden;
}

.service .f2 .f2Box .item::before {
	content: '';
	width: 25vw;
	height: 25vw;
	position: absolute;
	top: -10vw;
	right: -10vw;
	background: url(../images/icon9.png) center no-repeat;
	background-size: cover !important;
	pointer-events: none;
	opacity: .2;
}

.service .f2 .f2Box .item::after {
	content: '';
	width: 15vw;
	height: 15vw;
	position: absolute;
	bottom: -8vw;
	left: -6vw;
	background: url(../images/icon9.png) center no-repeat;
	background-size: cover !important;
	pointer-events: none;
	opacity: .2;
}

.service .f2 .f2Box .item .name {
	color: #f5a21b;
	font-size: 18px;
	font-weight: bold;
}

.service .f2 .f2Box .item .text {
	border-radius: 0.3vw;
	padding: 1.2vw 0;
	background: white;
	margin-top: 1vw;
}

.service .f2 .f2Box .item .text .its {
	padding-left: 1.5vw;
}

.service .f2 .f2Box .item .text .its .it {
	color: #666666;
	font-size: 16px;
}

.service .f2 .f2Box .item .text .its .it i {
	position: absolute;
	margin-left: -1.5vw;
	font-size: 18px;
}

.service .f2 .f2Box .item .text .its .des {
	font-size: 16px;
	font-weight: bold;
	margin-top: 0.3vw;
}

.service .f2 .f2Box .item .text .its:first-child {
	margin-bottom: 1vw;
}

.productList {
	width: 100%;
}

.productList .f1 {
	width: 100%;
	padding: 3vw 14vw 3vw 14vw;
	display: flex;
	flex-wrap: wrap;
	position: relative;
}

.productList .f1 .item {
	width: 32%;
	height: 17vw;
	border-radius: 0.3vw;
	background: #f5f5f5;
	overflow: hidden;
	margin-right: 2%;
	margin-bottom: 1.5vw;
	position: relative;
	/*border-bottom: 2px solid #f5a21b;*/
	transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1);
}

.productList .f1 .item:hover {
	box-shadow: 25px 25px 50px rgba(0, 0, 0, .1);
	z-index: 2;
}

.productList .f1 .item .imgBox {
	width: 100%;
	height: 17vw;
	border-radius: 0.3vw;
	overflow: hidden;
	padding: 3vw;
	position: relative;
	z-index: 3;
}

.productList .f1 .item .imgBox .img {
	width: 100%;
	height: 100%;
	transition: 0.5s all;
	background-size: contain !important;
}

.productList .f1 .item:hover .imgBox .img {
	transform: scale(1.05);
}

.productList .f1 .item .text {
	padding: 0 1vw;
	position: absolute;
	bottom: 0.5vw;
	z-index: 3;
	transition: all 0.25s;
}

.productList .f1 .item .text .name {
	font-size: 18px;
	font-weight: bold;
}

.productList .f1 .item .text .des {
	font-size: 14px;
	line-height: 2;
	text-align: justify;
	color: white;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	overflow: hidden;
	height: 0;
	margin-top: 10px;
	transition: 0.3s all ease-in-out;
}

.productList .f1 .item::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to top, rgba(245, 162, 27, 0.7) 1%, rgba(255, 255, 255, 0) 100%);
	transition: all 0.5s;
	opacity: 0;
}

.productList .f1 .item::after {
	content: initial;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 2px;
	height: 8vw;
	background: linear-gradient(to top, #f2a854, transparent);
	transition: 0.3s all ease-in-out;
}

.productList .f1 .item:nth-child(3n) {
	margin-right: 0;
}

.productList .f1 .item:hover .text {
	color: white;
}

.productList .f1 .item:hover .text .des {
	height: 60px;
}

.productList .f1 .item:nth-child(5) .imgBox {
	padding: 0;
	z-index: 1;
}

.productList .f1 .item:nth-child(5) .imgBox .img {
	background-size: cover !important;
}

.productList .f1 .item:nth-child(5) .text {
	color: white;
}

.productList .f1 .item:hover::before {
	opacity: 1;
}

.productList .f1 .item:last-child::after {
	content: inherit;
}

.productList .f1 .item:last-child {
	border: transparent;
}

.productList .f1 .item:last-child::before {
	content: initial;
}

.productList .f1 .item:last-child .icon {
	width: 4vw;
	margin: 0 auto 5px auto;
}

.productList .f1 .item:last-child .text {
	position: absolute;
	color: #999999;
	font-size: 14px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	bottom: initial;
}

.productList .f1 .item:last-child:hover {
	background: #f5f5f5;
}

.productList .f1 .item:last-child:hover .text {
	/*color: white;*/
}

.productList .f1 .item:last-child:hover .text .des {
	height: 2vw;
}

.product {
	width: 100%;
}

.product .productBox {
	width: 100%;
	padding: 7vw 0;
	display: inline-block;
}

.product .productBox .left {
	width: 15%;
	height: auto;
	background-color: #ffffff;
	display: inline-block;
	float: left;
	position: sticky;
	top: 7vw;
	padding-right: 1vw;
}

.product .productBox .left .name {
	font-size: 18px;
	font-weight: bold;
}

.product .productBox .left .itemBox {
	width: 100%;
	margin-top: 1vw;
}

.product .productBox .left .itemBox .item {
	margin-bottom: 20px;
}

.product .productBox .left .itemBox .item .t {
	font-size: 14px;
	font-weight: bold;
	padding: 0.5vw 0;
	border-bottom: 1px solid #e6e6e6;
	position: relative;
	cursor: pointer;
}

.product .productBox .left .itemBox .item .t::before {
	content: '';
	position: absolute;
	width: 2vw;
	height: 2px;
	background: #f5a21b;
	bottom: -1px;
}

.product .productBox .left .itemBox .item .its .it {
	color: #666666;
	font-size: 12px;
	margin-top: 15px;
	cursor: pointer;
	position: relative;
	transition: all 0.4s;
}

.product .productBox .left .itemBox .item .its .it span {
	font-weight: bold;
	opacity: 0;
	transition: all .4s;
	position: relative;
	left: 10px;
}

.product .productBox .left .itemBox .item .its .it:hover,
.product .productBox .left .itemBox .item .its .it.active {
	color: #f5a21b;
}

.product .productBox .left .itemBox .item .its .it:hover span,
.product .productBox .left .itemBox .item .its .it.active span {
	opacity: 1;
	left: 0px;
}

.product .productBox .left::-webkit-scrollbar {
	width: 3px;
}

.product .productBox .center {
	width: 62%;
	display: inline-block;
	float: left;
	margin-left: 3%;
}

.product .productBox .center .nameBox {
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding-bottom: 1vw;
}

.product .productBox .center .nameBox .name {
	font-size: 18px;
	font-weight: bold;
}

.product .productBox .center .nameBox .tirp {
	font-size: 14px;
}

.product .productBox .center .nameBox .tirp a:hover {
	color: #f5a21b;
}

.product .productBox .center .desBox {
	width: 100%;
	border-top: 1px solid #e6e6e6;
	font-size: 15px;
	line-height: 2;
	text-align: justify;
	padding: 1vw 0;
}

.product .productBox .center .tabBox {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.product .productBox .center .tabBox .tab {
	font-size: 14px;
	padding: 5px 10px;
	border: 1px solid #cccccc;
	margin-right: .5vw;
	margin-bottom: .5vw;
	border-radius: 0.3vw;
	cursor: pointer;
}

.product .productBox .center .tabBox .tab.active {
	color: #f5a21b;
	border: 1px solid #f5a21b;
}

.product .productBox .center .tabBox .tab:hover {
	color: #f5a21b;
	border: 1px solid #f5a21b;
}

.product .productBox .center .titBox {
	width: 100%;
	display: flex;
	margin-top: 1vw;
}

.product .productBox .center .titBox .t {
	font-size: 16px;
	position: relative;
	top: -.15vw;
}

.product .productBox .center .titBox .t i {
	font-size: 22px;
	position: relative;
	top: 0.1vw;
}

.product .productBox .center .titBox .lableBox {
	width: 75%;
	margin-left: 1vw;
	margin-top: -0.5vw;
	display: flex;
	flex-wrap: wrap;
}

.product .productBox .center .titBox .lableBox .lable {
	color: #ffffff;
	font-size: 12px;
	background: #f5a21b;
	border-radius: 3vw;
	padding: 0.2vw 0.5vw 0.2vw 0.7vw;
	margin-right: 0.5vw;
	margin-top: 0.5vw;
}

.product .productBox .center .titBox .lableBox .lable i {
	margin-left: 0.5vw;
	cursor: pointer;
}

.product .productBox .center .listBox {
	width: 100%;
}

.product .productBox .center .listBox .list {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 20px;
	border: 1px solid #eaeaea;
	margin-top: 1vw;
	border-radius: 0.3vw;
}

.product .productBox .center .listBox .list .img {
	width: 3vw;
	height: 3vw;
	background-size: contain !important;
}

.product .productBox .center .listBox .list .text {
	width: calc(100% - 4vw);
}

.product .productBox .center .listBox .list .text .t {
	font-size: 16px;
}

.product .productBox .center .listBox .list .text .d {
	font-size: 14px;
	color: #666666;
	margin-top: 10px;
}

.product .productBox .center .listBox .list:hover {
	border: 1px solid #f5a21b;
}

.product .productBox .right {
	width: 17%;
	display: inline-block;
	margin-left: 3%;
}

.product .productBox .right .imgSwiper {
	width: 100%;
	overflow: hidden;
	padding-bottom: 2vw;
}

.product .productBox .right .imgSwiper .swiper-slide {
	pointer-events: none;
}

.product .productBox .right .imgSwiper .swiper-slide .img {
	width: 100%;
	height: 10vw;
	background-size: contain !important;
}

.product .productBox .right .imgSwiper .swiper-pagination {
	bottom: 0;
}

.product .productBox .right .imgSwiper .swiper-pagination-bullet-active {
	background: #f5a21b;
}

.product .productBox .right .parametersBox {
	width: 100%;
	margin-top: 1.5vw;
}

.product .productBox .right .parametersBox .name {
	text-align: right;
	font-size: 12px;
}

.product .productBox .right .parametersBox .name span {
	color: #ffffff;
	background: #f5a21b;
	font-size: 12px;
	padding: .1vw .2vw .2vw .2vw;
	margin-right: 0.5vw;
	border-radius: 0.1vw;
}

.product .productBox .right .parametersBox .parametersList {
	width: 100%;
	margin-top: 1vw;
}

.product .productBox .right .parametersBox .parametersList .parameters {
	width: 100%;
	font-size: 14px;
	margin-top: 0.5vw;
	border-radius: 0.3vw;
	border: 2px solid #f5a21b;
	cursor: pointer;
}

.product .productBox .right .parametersBox .parametersList .parameters .t {
	display: flex;
	justify-content: space-between;
	padding: 0.5vw 0.8vw;
}

.product .productBox .right .parametersBox .parametersList .parameters .t .icon {
	color: #999999;
}

.product .productBox .right .parametersBox .parametersList .parameters .t .icon i:nth-child(2) {
	display: none;
}

.product .productBox .right .parametersBox .parametersList .parameters .its {
	width: 100%;
	height: 0;
	opacity: 0;
	pointer-events: none;
}

.product .productBox .right .parametersBox .parametersList .parameters .its .it {
	display: flex;
	justify-content: space-between;
	margin-bottom: 0.5vw;
	font-size: 14px;
}

.product .productBox .right .parametersBox .parametersList .parameters .its .it .tt {
	display: flex;
	position: relative;
	padding-left: 25px;
}

.product .productBox .right .parametersBox .parametersList .parameters .its .it .tt .icon {
	font-size: 18px;
	position: absolute;
	top: -0.1vw;
	left: 0;
	color: #999999;
}

.product .productBox .right .parametersBox .parametersList .parameters .its .it .tt .icon i:nth-child(2) {
	display: none;
}

.product .productBox .right .parametersBox .parametersList .parameters .its .it .num {
	color: #999999;
}

.product .productBox .right .parametersBox .parametersList .parameters .its .it.active .tt {
	color: #f5a21b;
}

.product .productBox .right .parametersBox .parametersList .parameters .its .it.active .tt .icon {
	top: 0%;
	color: #f5a21b;
}

.product .productBox .right .parametersBox .parametersList .parameters .its .it.active .tt .icon i:nth-child(1) {
	display: none;
}

.product .productBox .right .parametersBox .parametersList .parameters .its .it.active .tt .icon i:nth-child(2) {
	display: block;
}

.product .productBox .right .parametersBox .parametersList .parameters .its .it:last-child {
	margin-bottom: 0;
}

.product .productBox .right .parametersBox .parametersList .parameters.active .t {
	background: #f5a21b;
	color: white;
}

.product .productBox .right .parametersBox .parametersList .parameters.active .t .icon {
	color: white;
}

.product .productBox .right .parametersBox .parametersList .parameters.active .t .icon i:nth-child(1) {
	display: none;
}

.product .productBox .right .parametersBox .parametersList .parameters.active .t .icon i:nth-child(2) {
	display: block;
}

.product .productBox .right .parametersBox .parametersList .parameters.active .its {
	height: auto;
	opacity: 1;
	padding: 0.8vw;
	pointer-events: all;
}

.productDetail {
	width: 100%;
}

.productDetail .productBox {
	width: 100%;
	padding: 7vw 0;
	display: inline-block;
}

.productDetail .productBox .left {
	width: 15%;
	height: auto;
	background-color: #ffffff;
	display: inline-block;
	float: left;
	position: sticky;
	top: 7vw;
	margin-right: 3%;
}

.productDetail .productBox .left .name {
	font-size: 18px;
	font-weight: bold;
}

.productDetail .productBox .left .itemBox {
	width: 100%;
	margin-top: 1vw;
}

.productDetail .productBox .left .itemBox .item {
	margin-bottom: 20px;
}

.productDetail .productBox .left .itemBox .item .t {
	font-size: 14px;
	font-weight: bold;
	padding: 0.5vw 0;
	border-bottom: 1px solid #e6e6e6;
	position: relative;
	cursor: pointer;
}

.productDetail .productBox .left .itemBox .item .t::before {
	content: '';
	position: absolute;
	width: 2vw;
	height: 2px;
	background: #f5a21b;
	bottom: -1px;
}

.productDetail .productBox .left .itemBox .item .its .it {
	color: #666666;
	font-size: 12px;
	margin-top: 15px;
	cursor: pointer;
	position: relative;
	display: block;
}

.productDetail .productBox .left .itemBox .item .its .it span {
	font-weight: bold;
	opacity: 0;
}

.productDetail .productBox .left .itemBox .item .its .it.active {
	color: #f5a21b;
}

.productDetail .productBox .left .itemBox .item .its .it.active span {
	opacity: 1;
}

.productDetail .productBox .left .itemBox .item .its .it:hover {
	color: #f5a21b;
}

.productDetail .productBox .left .itemBox .item .its .it:hover span {
	opacity: 1;
}

.productDetail .productBox .left::-webkit-scrollbar {
	width: 3px;
}

.productDetail .productBox .right {
	width: 82%;
	display: inline-block;
}

.productDetail .productBox .right .linkBox {
	width: 100%;
	display: flex;
	font-size: 14px;
	border-bottom: 1px solid #e6e6e6;
	color: #666666;
	padding-bottom: 0.5vw;
	position: relative;
}

.productDetail .productBox .right .linkBox a {
	display: inline-block;
}

.productDetail .productBox .right .linkBox i {
	margin: 0 1vw;
	font-size: 12px;
	position: relative;
	top: 0.2vw;
}

.productDetail .productBox .right .linkBox::before {
	content: '';
	position: absolute;
	width: 3.5vw;
	height: 2px;
	background: #f5a21b;
	bottom: -1px;
}

.productDetail .productBox .right .textBox {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin: 2vw 0 0 0;
}

.productDetail .productBox .right .textBox .imgSwiper {
	width: 22vw;
	overflow: hidden;
	padding-bottom: 2vw;
	margin: 0;
}

.productDetail .productBox .right .textBox .imgSwiper .swiper-slide .img {
	width: 100%;
	height: 13vw;
	background-size: contain !important;
}

.productDetail .productBox .right .textBox .imgSwiper .swiper-pagination {
	bottom: 0.8vw;
}

.productDetail .productBox .right .textBox .imgSwiper .swiper-pagination-bullet-active {
	background: #f5a21b;
}

.productDetail .productBox .right .textBox .text {
	width: 32vw;
}

.productDetail .productBox .right .textBox .text .nameBox {
	display: flex;
	justify-content: space-between;
}

.productDetail .productBox .right .textBox .text .nameBox .name {
	font-size: 22px;
	font-weight: bold;
}

.productDetail .productBox .right .textBox .text .nameBox .nameIcon {
	display: flex;
	margin-top: 0.5vw;
}

.productDetail .productBox .right .textBox .text .nameBox .nameIcon .img {
	width: auto;
	height: 1vw;
	margin-left: 0.5vw;
}

.productDetail .productBox .right .textBox .text .nameBox .nameIcon .img img {
	width: auto;
	height: 1vw;
}

.productDetail .productBox .right .textBox .text .desBox {
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	padding: 1vw 0;
	margin: 1vw 0;
	font-size: 14px;
	line-height: 2;
	text-align: justify;
	color: #666666;
}

.productDetail .productBox .right .textBox .text .infoBox {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.productDetail .productBox .right .textBox .text .infoBox .btnBox {
	width: 100%;
	display: flex;
}

.productDetail .productBox .right .textBox .text .infoBox .btnBox .btn {
	display: block;
	font-size: 14px;
	margin-right: 2vw;
}

.productDetail .productBox .right .textBox .text .infoBox .btnBox .btn i {
	font-size: 16px;
	position: relative;
	margin-right: 0.2vw;
}

.productDetail .productBox .right .textBox .text .infoBox .btnBox .btn:last-child i {
	font-size: 16px;
	top: 0;
}

.productDetail .productBox .right .textBox .text .infoBox .payBox {
	display: flex;
	border: 1px solid #d7d7d7;
	border-radius: 0.3vw;
	padding: 0 0.5vw;
	position: relative;
	top: -0.3vw;
}

.productDetail .productBox .right .textBox .text .infoBox .payBox a {
	display: block;
	font-size: 20px;
	margin: 0 0.3vw;
	position: relative;
}

.productDetail .productBox .right .textBox .text .infoBox .payBox a .trip {
	width: 40px;
	position: absolute;
	font-size: 14px;
	border: 1px solid #d7d7d7;
	border-radius: 5px;
	padding: 2px 5px;
	left: -8px;
	margin-top: 5px;
	opacity: 0;
	pointer-events: none;
	transition: .3s all ease-in-out;
}

.productDetail .productBox .right .textBox .text .infoBox .payBox a:hover .trip {
	opacity: 1;
}

.productDetail .productBox .right .textBox .text .infoBox .payBox a:first-child {
	color: #FC8848;
}
.productDetail .productBox .right .textBox .text .infoBox .payBox a:nth-child(2) {
	color: #FF002B;
}
.productDetail .productBox .right .textBox .text .infoBox .payBox a:nth-child(3) {
	color: #DD2727;
}
.productDetail .productBox .right .specificationBox {
	width: 100%;
	margin-top: 3vw;
}

.productDetail .productBox .right .specificationBox .nameBox {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #e6e6e6;
	padding: 1vw 0;
}
.productDetail .productBox .right .specificationBox .nameBox .names{
	display: flex;
	align-items: center;
}
.productDetail .productBox .right .specificationBox .nameBox .name {
	font-size: 16px;
	font-weight: bold;
	padding: 8px 20px;
	cursor: pointer;
	border-radius: .3vw;
	margin-right: 1vw;
	display: flex;
	align-items: center;
	transition: all 0.5s;
}
.productDetail .productBox .right .specificationBox .nameBox .name p{
	width: 16px;
	height: 16px;
	border-radius: 50%;
	font-size: 10px;
	color: white;
	background: #f5a21b;
	margin-left: 5px;
	text-align: center;
	line-height: 16px;
}
.productDetail .productBox .right .specificationBox .nameBox .name.no{
	opacity: .5;
	pointer-events: none;
}
.productDetail .productBox .right .specificationBox .nameBox .name.active{
	background: #f5a21b;
	color: white;
}
.productDetail .productBox .right .specificationBox .nameBox .name.active p{
	color: #f5a21b;
	background: white;
}
.productDetail .productBox .right .specificationBox .nameIcon {
	display: flex;
	border-radius: 0.3vw;
	border: 1px solid #d7d7d7;
	padding: 0.3vw 0.5vw;
}

.productDetail .productBox .right .specificationBox .nameIcon .img {
	height: 1vw;
	margin: 0 0.6vw;
}

.productDetail .productBox .right .specificationBox .nameIcon .img img {
	width: auto;
	height: 1vw;
}

.productDetail .productBox .right .specificationBox .specificationList {
	padding: 1vw 0;
	font-size: 14px;
	line-height: 2;
}
.productDetail .productBox .right .specificationBox .specificationList .specificationItem{
	display: none;
}
.productDetail .productBox .right .specificationBox .specificationList .specificationItem.active{
	display: block;
}
.productDetail .productBox .right .specificationBox .specificationList .ziliaoBox{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.productDetail .productBox .right .specificationBox .specificationList .ziliao .item{
	width: 49%;
	margin-right: 2%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: 1px solid rgba(245,162,27,.1);
	border-radius: .3vw;
	margin-bottom: 1vw;
	transition: all 0.4s;
	padding: 1.5vw;
	position: relative;
	overflow: hidden;
	font-size: 14px;
	border-bottom: 3px solid rgba(245,162,27,.45);
	background: rgba(245,162,27,.005);
}

.productDetail .productBox .right .specificationBox .specificationList .ziliao .item:hover{
	box-shadow: 10px 10px 20px rgba(0,0,0,.1);
}

.productDetail .productBox .right .specificationBox .specificationList .ziliao .item:before{
	width: 10vw;
	height: 10vw;
	border: 3vw solid #f5a21b;
	position: absolute;
	top: 1vw;
	right: 0;
	border-radius: 50%;
	content: '';
	opacity: 0.05;
	transition: all 1s;
	pointer-events: none;
}

.productDetail .productBox .right .specificationBox .specificationList .ziliao .item:hover:before{
	transform: scale(1.25);
}

.productDetail .productBox .right .specificationBox .specificationList .ziliao .item p{
	width: calc(100% - 85px);
	display: flex;
	align-items: center;
	position: relative;
}
.productDetail .productBox .right .specificationBox .specificationList .ziliao .item:nth-child(2n) {
	margin-right: 0;
}
.productDetail .productBox .right .specificationBox .specificationList .ziliao .item p i{
	width: 25px;
	margin-right: 5px;
}

.productDetail .productBox .right .specificationBox .specificationList .ziliao .item p span{
	display: block;
	width: calc(100% - 30px);
	line-height: 30px;
}
.productDetail .productBox .right .specificationBox .specificationList .ziliao .item:hover{
	
}
.productDetail .productBox .right .specificationBox .specificationList .ziliao .item a{
	display: flex;
	align-items: center;
	position: relative;
	border: 1px solid transparent;
	padding: 0px 10px;
	border-radius: 50px;
	font-size: 13px;
	transition: all 0.4s;
	backdrop-filter: blur(1px);
	width: 75px;
}

.productDetail .productBox .right .specificationBox .specificationList .ziliao .item:hover a{
	/* border: 1px solid rgba(245,162,27,1); */
	border-color: rgba(0,0,0,.2);
	background: rgba(245,162,27,.005);
}

.productDetail .productBox .right .specificationBox .specificationList .ziliao .item:hover a:hover{
	border-color: rgba(245,162,27,1);
	background: rgba(245,162,27,1);
	color: #ffffff;
	box-shadow: 0px 0px 10px rgba(0,0,0,.1);
}

.productDetail .productBox .right .specificationBox .specificationList .ziliao .item a i{
	margin-right: 3px;
	font-size: 16px;
}
.productDetail .productBox .right .specificationBox .specificationList .anliBox{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.productDetail .productBox .right .specificationBox .specificationList .anli .item {
	width: 32%;
	margin-right: 2%;
	margin-bottom: 2%;
	border-radius: 0.3vw;
	overflow: hidden;
	background: white;
	display: block;
}
.productDetail .productBox .right .specificationBox .specificationList .anli .item:nth-child(3n) {
	margin-right: 0;
}
.productDetail .productBox .right .specificationBox .specificationList .anli .item .imgBox {
	width: 100%;
	height: 10vw;
	border-radius: 0.3vw;
	overflow: hidden;
}

.productDetail .productBox .right .specificationBox .specificationList .anli .item .imgBox .img {
	width: 100%;
	height: 100%;
	transition: 0.3s all ease-in-out;
	background-size: cover !important;
}

.productDetail .productBox .right .specificationBox .specificationList .anli .item .text {
	padding: 10px 0;
}
.productDetail .productBox .right .specificationBox .specificationList .anli .item .text .name {
	font-size: 16px;
	font-weight: bold;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
.productDetail .productBox .right .specificationBox .specificationList .anli .item .text .des {
	font-size: 13px;
	line-height: 2;
	text-align: justify;
	color: #666666;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.productDetail .productBox .right .specificationBox .specificationList .anli .item:hover {
	background: white;
}
.productDetail .productBox .right .specificationBox .specificationList .anli .item:hover .imgBox .img {
	transform: scale(1.1);
}
.productDetail .productBox .right .specificationBox .specificationList .anli .item:hover .text .name {
	color: #f5a21b;
}
.productDetail .productBox .right .specificationBox .specificationList .chanpinBox {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.productDetail .productBox .right .specificationBox .specificationList .chanpinBox .item {
	width: 49%;
	margin-right: 2%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1.5vw;
	border-radius:10px;
	overflow: hidden;
	transition: 0.4s all ease-in-out;
	position: relative;
	margin-bottom: 1vw;
	background: rgb(249, 249, 249);
}

.productDetail .productBox .right .specificationBox .specificationList .chanpinBox .item::after{
	width: 0%;
	height: 3px;
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	background: #f5a21b;
	transition: all 0.5s;
	
}

.productDetail .productBox .right .specificationBox .specificationList .chanpinBox .item:hover::after{
	width: 100%;
}

.productDetail .productBox .right .specificationBox .specificationList .chanpinBox .item:hover{

	box-shadow: 10px 10px 20px rgba(0,0,0,.05);
}

.productDetail .productBox .right .specificationBox .specificationList .chanpinBox .item:nth-child(even){
	margin-right: 0%;
}

.productDetail .productBox .right .specificationBox .specificationList .chanpinBox .item .img {
	width: 75px;
	height: auto;
}

.productDetail .productBox .right .specificationBox .specificationList .chanpinBox .text {
	width: calc(100% - 130px);
}

.productDetail .productBox .right .specificationBox .specificationList .chanpinBox .icon{
	width: 35px;
	height: 35px;
	border: 1px solid #f5a21b;
	border-radius: 50%;
	position: relative;
	transform: scale(0);
	transition: all .5s;
	padding: 10px;
}

.productDetail .productBox .right .specificationBox .specificationList .chanpinBox .item:hover .icon{
	transform: scale(1);
}

.productDetail .productBox .right .specificationBox .specificationList .chanpinBox .name {
	font-size: 16px;
	line-height: 1.5;
	transition: all 0.5s;
	margin-bottom: 0;
	position: relative;
}

.productDetail .productBox .right .specificationBox .specificationList .chanpinBox .item:hover .name{
	margin-bottom: 5px;
	color: #f5a21b;
}

.productDetail .productBox .right .specificationBox .specificationList .chanpinBox .des{
	line-height: 1.5;
	opacity: 0.65;
}

.productDetail .productBox .right .specificationBox .specificationList .chanpinBox .item:nth-child(4n) {
	margin-right: 0;
}
.productDetail .productBox .right .specificationBox .specificationList .chanpinBox .item:hover {
	
}
.productDetail .productBox .right .specificationBox .specificationList table {
	border-collapse: collapse;
	border-color: #ededed;
	border-top: 1px solid #ededed;
	border-left: 1px solid #ededed;
	border-right: 1px solid #ededed;
	width: 100%;
	font-size: 14px;
	text-align: center;
}
.productDetail .productBox .right .specificationBox .specificationList table span {
	font-family: Regular !important;
}

/*.productDetail .productBox .right .specificationBox .specificationList table td[colspan="2"],*/
/*td[colspan="3"],*/
/*td[colspan="4"],*/
/*td[colspan="5"] {*/
/*  font-size: 16px;*/
/*  color: #f5a21b;*/
/*  padding: 12px 6px;*/
/*  position: relative;*/
/*  background: #F7F8F7;*/
/*}*/
.productDetail .productBox .right .specificationBox .specificationList table td[rowspan] {
	border-right: 1px solid #ededed;
}

.productDetail .productBox .right .specificationBox .specificationList table thead tr th {
	padding: 12px 6px;
	border-bottom: 1px solid #ededed;
}

.productDetail .productBox .right .specificationBox .specificationList table tbody tr td {
	padding: 12px 6px;
	border-bottom: 1px solid #ededed;
}

.newsDetail {
	width: 100%;
}

.newsDetail .f1 {
	width: 100%;
	padding: 3vw 14vw 5vw;
	display: flex;
	justify-content: space-between;
}

.newsDetail .f1 .left {
	width: 60%;
	background: white;
	position: relative;
}

.newsDetail .f1 .left .tit {
	font-size: 20px;
	color: #f5a21b;
	text-align: center;
}

.newsDetail .f1 .left .des {
	width: 100%;
	font-size: 14px;
	line-height: 2;
	text-align: justify;
	margin-top: 2vw;
}

.newsDetail .f1 .left .des table {
	border-collapse: collapse;
	border-color: #ededed;
	border-top: 1px solid #ededed;
	border-left: 1px solid #ededed;
	width: 100%;
}

.newsDetail .f1 .left .des thead tr th {
	padding: 6px;
	border-bottom: 1px solid #ededed;
	border-right: 1px solid #ededed;
}

.newsDetail .f1 .left .des tbody tr td {
	padding: 6px;
	border-bottom: 1px solid #ededed;
	border-right: 1px solid #ededed;
}

.newsDetail .f1 .left .des p,
.newsDetail .f1 .left .des p span {
	white-space: normal !important;
}

.newsDetail .f1 .left .des img {
	display: inline-block;
	width: 100%;
	margin-top: 10px;
}

.newsDetail .f1 .right {
	width: 30%;
	color: #333333;
}

.newsDetail .f1 .right .tit {
	font-size: 20px;
	padding-left: 10px;
	position: relative;
}

.newsDetail .f1 .right .tit::before {
	content: '';
	position: absolute;
	width: 3px;
	height: 20px;
	background: #f5a21b;
	left: 0;
	top: 0.2vw;
}

.newsDetail .f1 .right .itemBox {
	width: 100%;
	margin-top: 10px;
}

.newsDetail .f1 .right .itemBox .item {
	display: block;
	background: white;
	position: relative;
	border-bottom: 1px solid rgba(0, 0, 0, .2);
}

.newsDetail .f1 .right .itemBox .item .img {
	width: 100%;
	height: 14vw;
	background-size: cover !important;
}

.newsDetail .f1 .right .itemBox .item .name {
	padding: 20px 0;
	text-align: left;
	line-height: 1.7;
	font-size: 16px;
	position: relative;
	bottom: inherit;
}

.newsDetail .f1 .right .itemBox .item:hover .name {
	color: #f5a21b;
}

.newsDetail .f1 .right .itemBox.youtian .item .img {
	height: 20vw;
}

.newsDetail .f1 .right .itemBox.youtian .item .name {
	width: 100%;
	padding: 1vw;
	text-align: center;
	font-size: 1vw;
	position: absolute;
	bottom: 0;
	background: linear-gradient(to top, rgb(245, 162, 27) 0%, transparent 100%);
	color: white;
}

.serachBox {
	width: 15vw;
	height: 3.2vw;
	position: fixed;
	top: 4.2vw;
	right: 10vw;
	background: white;
	z-index: 10;
	opacity: 0;
	pointer-events: none;
	border: 1px solid rgba(0, 0, 0, .1);
	transition: .5s all ease-in-out;
}

.serachBox.active {
	opacity: 1;
	pointer-events: all;
}

.serachBox .close {
	color: white;
	font-size: 1.5vw;
	position: absolute;
	right: 2vw;
	top: 5vw;
	cursor: pointer;
}

.serachBox .serachs {
	width: 100%;
	position: absolute;
	font-size: 16px;
	line-height: 3vw;
}

.serachBox .serachs input {
	width: 85%;
	background: transparent;
	border: transparent;
	outline: none;
	font-size: 14px;
	color: #333333;
	padding: 0 1vw;
}

.serachBox .serachs i {
	cursor: pointer;
	color: #333333;
}

.searchContent {
	margin-top: 5vw;
	margin-bottom: 30px;
	border-bottom: 1px solid #f5a21b;
	padding-bottom: 20px;
	line-height: 1.8;
	font-size: 18px;
}

.noData {
	display: none;
	font-size: 18px;
}

.noData.active {
	display: block;
}

.news5 ul {
	width: 100%;
}

.news5 ul li a {
	width: 100%;
	margin-top: 1vw;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1vw 2vw;
	border: 1px solid #eaeaea;
	border-radius: 0.3vw;
}

.news5 ul li a:hover {
	border: 1px solid #f5a21b;
}

.news5 ul li:nth-child(3n) {
	margin-right: 0;
}

.news5 ul li a .thum {
	width: 3vw;
	height: 3vw;
	background-size: contain !important;
}

.news5 ul li a .time {
	font-size: .9vw;
	margin: 1vw 0;
}

.news5 ul li a .info {
	width: calc(100% - 5vw);
}

.news5 ul li a .title {
	font-size: 1vw;
}

.news5 ul li a .des {
	font-size: 0.85vw;
	color: #666666;
}

.noData {
	width: 200px;
	height: 200px;
	margin: 100px auto 0;
	font-size: 14px;
	text-align: center;
	display: none;
	position: relative;
}

.noData img {
	width: 80px;
	height: 80px;
	position: absolute;
	left: 50%;
	margin-left: -40px;
	top: 30px;
	background-size: cover;
	opacity: .2;
}

.noData p {
	position: absolute;
	width: 100%;
	height: auto;
	left: 0px;
	top: 60%;
	color: rgba(0, 0, 0, .2);
}

.noData.active {
	display: block
}
.learning .tabsBox{
	width: 100%;
	margin: 0 auto 2vw auto;
	text-align: center;
}
.learning .tabs{
	display: inline-block;
	justify-content: center;
	border: 1px solid rgba(0,0,0,.1);
	border-radius: 5vw;
}
.learning .tabs .tab {
	font-size: 16px;
	padding: .5vw 1.5vw;
	cursor: pointer;
	position: relative;
	display: inline-block;
}
.learning .tabs .active {
	color: white;
	background: #f5a21b;
	border-radius: 5vw;
}
.pc {
	display: block;
}

.mobile {
	display: none;
}

@media screen and (device-width: 3840px) {
	header .erji {
		top: 3.5vw;
	}
}

@media screen and (max-width: 1660px) {
	.download .tabHead {
		padding: 0 10vw;
	}
	.download .f1,
	.about .f1 {
		padding: 3vw 10vw;
	}
	.sub_menu {
		padding: 3vw 10vw 1vw;
	}
	.about .f2 {
		padding: 13vw 10vw 4vw 10vw;
	}
	.about .f4{
		padding: 5vw 10vw 8vw 10vw;
	}
	.Honors .f1,.solutionDetail .f1,.news .f1,.newsDetail .f1,.learning .f1,.QA .f1{
		padding: 3vw 10vw 5vw;
	}
	.productList .f1,.solution .f1{
		padding: 3vw 10vw;
	}
	.Honors .f2,.join .f2,.solutionDetail .f2,.solutionDetail .f3{
		padding: 5vw 10vw;
	}
	.Honors .f3{
		padding: 5vw 10vw 6vw 10vw;
	}
	.join .f1 .text,.service .f1 .textBox{
		right: 10vw;
	}
}

@media screen and (max-width: 1440px) {

	.download .f1,
	.about .f1 {
		padding: 3vw 5vw;
	}
	.sub_menu {
		padding: 3vw 5vw 1vw;
	}
	.about .f2 {
		padding: 13vw 5vw 4vw 5vw;
	}
	.about .f4{
		padding: 5vw 5vw 8vw 5vw;
	}
	.Honors .f1,.solutionDetail .f1,.news .f1,.newsDetail .f1,.learning .f1,.QA .f1{
		padding: 3vw 5vw 5vw;
	}
	.productList .f1,.solution .f1{
		padding: 3vw 5vw;
	}
	.Honors .f2,.join .f2,.solutionDetail .f2,.solutionDetail .f3{
		padding: 5vw 5vw;
	}
	.Honors .f3{
		padding: 5vw 5vw 6vw 5vw;
	}
	.join .f1 .text,.service .f1 .textBox{
		right: 5vw;
	}
	
}

@media screen and (max-width: 1366px) {
	footer .footer .footerNav ul .level1 {
		margin-right: 2.5em;
	}

	footer {
		padding: 0 8vw;
	}

	.service .f1 {
		height: 55vw;
	}

	.service .f1 .textBox {
		width: 35vw;
		right: 8vw;
	}

	.service .f2 {
		padding: 5vw 8vw;
	}

	.service .f2 .f2Box .item {
		width: 15vw;
	}

	.service .f2 .f2Box .item .text .its .it i {
		margin-left: -2vw;
	}
}

@media screen and (max-width: 1200px) {
	.download .f1 .right .titHeads .serach {
		width: 20vw;
	}

	footer {
		padding: 0 5vw;
	}

	footer .footer .footerNav ul .level1 {
		margin-right: 0.5em;
	}
}

@media screen and (max-width: 900px) {
	.pc {
		display: none;
	}

	.mobile {
		display: block;
	}

	main {
		margin-top: 50px;
	}

	.index .upperSection {
		height: 100vw;
		opacity: 1;
		clip-path: circle(100% at 54.1% 44.4%);
		animation: initial;
	}

	.index .upperSection .bannerSwiper .swiper-slide .img .text {
		font-size: 8vw;
		text-align: center;
		width: 100%;
		margin: 40vw 0 0 0;
	}

	.index .upperSection .bannerSwiper .swiper-pagination {
		width: 100%;
		left: initial;
		display: block;
	}

	.index .upperSection .bannerSwiper .custom-pagination-numbers {
		display: none;
	}

	.index .upperSection .bannerSwiper .swiper-pagination-bullet {
		width: 5px;
		height: 5px;
		margin: 0 3px;
	}

	.index .upperSection .bannerSwiper .swiper-pagination-bullet-active {
		width: 8vw;
		height: 5px;
	}

	.index .upperSection .bannerSwiper .swiper-button-next {
		display: none;
	}

	.index .upperSection .bannerSwiper .swiper-button-prev {
		display: none;
	}

	.index .f2 {
		padding: 10vw 5vw;
	}

	.index .f2 .f2Tab .tab {
		width: auto;
		padding: 4vw 2vw;
		font-size: 13px;
		position: relative;
	}



	.index .f2 .f2Tab .active:after {
		border-left: 1.8vw solid transparent;
		border-right: 1.8vw solid transparent;
		border-bottom: transparent;
		border-top: 2vw solid #f5a21b;
		top: initial;
		bottom: -2vw;
		left: 42%;
	}

	.index .f2 .f2Box .f2Swiper .swiper-wrapper .swiper-slide {
		font-size: 14px;
	}

	.index .f3 {
		height: 150vw;
	}

	.index .f3 .f3Swiper2 {
		height: 150vw;
	}

	.index .f3 .f3Swiper2 .swiper-slide .imgBox .text {
		width: 100%;
		padding: 45vw 5vw 5vw 5vw;
	}

	.tit {
		font-size: 20px !important;
		padding-left: 0;
	}

	.tit::before {
		width: 5vw;
		height: 5vw;
		margin-left: -6vw;
		margin-top: -.3vw;
	}

	.index .f3 .tit {
		top: 15vw;
		left: 5vw;
		font-size: 8vw !important;
	}

	.index .f3 .f3Swiper2 .swiper-slide .imgBox .text .t {
		font-size: 6vw;
	}

	.index .f3 .f3Swiper2 .swiper-slide .imgBox .text .d {
		font-size: 14px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
		margin: 5vw 0 10vw 0;
	}

	.index .f3 .f3Swiper2 .swiper-slide .imgBox .text .more {
		font-size: 13px;
	}

	.index .f3 .f3Swiper2 .swiper-slide .imgBox .text .more i {
		font-size: 14px;
	}

	.index .f3 .f3Swiper {
		height: auto;
		font-size: 14px;
		bottom: 10vw;
		padding: 5vw;
	}

	.index .f3 .f3Swiper::before {
		margin-top: 11.3vw;
	}

	.index .f3 .f3Swiper2 .swiper-button-next {
		display: none;
	}

	.index .f3 .f3Swiper2 .swiper-button-prev {
		display: none;
	}

	.index .f4 .textBox {
		padding: 15vw 5vw 5vw 5vw;
		display: block;
	}

	.index .f4 .textBox .titBox .des {
		padding-left: 0;
		font-size: 5vw;
		margin: 1vw 0 5vw 0;
	}

	.index .f4 .textBox .text {
		width: 100%;
		font-size: 14px;
	}

	.index .f4 .titBox .tit {
		font-size: 8vw !important;
	}

	.index .f4 .textBox .text .more {
		font-size: 13px;
		margin: 5vw 0 10vw 0;
	}

	.index .f4 .textBox .text .more i {
		font-size: 14px;
	}

	.bgImg {
		position: fixed;
		height: 100vh;
	}

	.bgImg img {
		height: 100vh;
	}

	.index .f4 .numBox {
		padding: 5vw;
		flex-wrap: wrap;
	}

	.index .f4 .numBox .item {
		width: 50%;
		margin-bottom: 5vw;
		flex: initial;
	}

	.index .f4 .numBox .item .num {
		font-size: 14px;
	}

	.index .f4 .numBox .item .num span {
		font-size: 36px;
	}

	.index .f4 .numBox .item .d {
		font-size: 14px;
	}

	.index .f5 {
		padding: 15vw 5vw;
	}

	.index .f5 .titBox {
		align-items: center;
	}

	.index .f5 .titBox .tit {
		font-size: 8vw !important;
	}

	.index .f5 .newsSwiper {
		margin-top: 5vw;
	}

	.index .f5 .titBox .more {
		font-size: 13px;
	}

	.index .f5 .titBox .more i {
		font-size: 14px;
	}

	.index .f6 {
		padding: 10vw 5vw;
	}

	.index .f6 .f6Box {
		height: auto;
	}

	.index .f6 .f6Box .text {
		width: 100%;
		padding: 15vw 5vw;
		margin: 0;
	}

	.index .f6 .f6Box .text .t {
		font-size: 8vw !important;
	}

	.index .f6 .f6Box .text .des {
		font-size: 14px;
		margin: 5vw 0 10vw 5vw;
	}

	.index .f6 .f6Box .f6Img {
		height: 100vh;
	}

	.index .f6 .f6Box .f6Img img {
		height: 100vh;
		max-width: inherit;
	}

	.index .f6 .f6Box .text .more {
		font-size: 13px;
	}

	.index .f6 .f6Box .text .more i {
		font-size: 14px;
	}

	.index .f7 .tit {
		font-size: 8vw !important;
	}

	.index .f7 .numBox {
		padding: 5vw;
		flex-wrap: wrap;
	}

	.index .f7 .numBox .item {
		width: 50%;
		text-align: center;
	}

	.index .f7 .numBox .item .num {
		font-size: 14px;
	}

	.index .f7 .numBox .item .num span {
		font-size: 36px;
	}

	footer {
		padding: 0 5vw;
	}

	footer .selectBox {
		padding: 10vw 0;
		flex-wrap: wrap;
	}

	footer .selectBox .select {
		width: 100%;
		height: 45px;
		font-size: 14px;
		line-height: 45px;
		padding: 0 5vw;
		margin: 5vw 0;
		border-radius: 5vw;
	}

	footer .selectBox .select input {
		font-size: 14px;
		margin-left: 3vw;
	}

	footer .selectBox .selectItem {
		width: 100%;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	footer .selectBox .selectItem .it {
		font-size: 13px;
		height: auto;
		padding: 2vw 5vw;
		line-height: initial;
		margin-right: 0vw;
		margin-left: 0;
		margin-bottom: 0vw;
		border-radius: 10vw;
	}

	footer .footer {
		display: block;
	}

	footer .footer .footerNav {
		display: none;
	}

	footer .footer .textBox .t {
		font-size: 14px;
	}

	footer .footer .textBox .text {
		font-size: 12px;
		margin-top: 2vw;
		line-height: 1.5;
	}

	footer .footer .textBox .qrcodeBox {
		margin-top: 10vw;
	}

	footer .footer .textBox .qrcodeBox .qrcodeIcon {
		margin-top: 3vw;
	}

	footer .footer .textBox .qrcodeBox .qrcodeIcon .icon {
		width: 8vw;
		height: 8vw;
		line-height: 8vw;
		font-size: 14px;
		margin-right: 3vw;
	}

	footer .footer .textBox .qrcodeBox .qrcodeIcon .qrcode {
		width: 22vw;
		position: absolute;
		margin-top: -13vw;
		right: 5vw;
	}

	footer .footerInfo {
		display: block;
		font-size: 12px;
		padding: 3vw 0;
	}

	.bannerBox {
		height: auto;
	}

	.sub_menu {
		flex-wrap: wrap;
		position: relative;
		padding: 10vw 5vw 0vw;
	}

	.sub_menu .left,
	.sub_menu .menu_bar {
		width: 100%;
	}

	.bannerBox .text {
		font-size: 8vw !important;
		left: 3vw;
		top: 16vw;
	}

	.tabHead {
		padding: 0 5vw;
	}

	.download .tabHead {
		padding: 0 5vw;
	}

	.tabHead .tabBox .tab {
		width: auto;
		font-size: 14px;
		margin-right: 5vw;
		padding: 5vw 0;
	}

	.tabHead .link {
		display: none;
	}

	.about .f1 {
		padding: 10vw 5vw;
		display: block;
	}

	.about .f1 .textBox {
		width: 100%;
	}

	.about .f1 .textBox .t {
		font-size: 8vw !important;
	}

	.about .f1 .textBox .des {
		font-size: 14px;
		margin-top: 5vw;
	}

	.about .f1 .numBox {
		width: 100%;
		height: auto;
		margin-top: 5vw;
	}

	.about .f1 .numBox .item {
		width: 50%;
		text-align: center;
	}

	.about .f1 .numBox .item .num {
		font-size: 14px;
	}

	.about .f1 .numBox .item .num span {
		font-size: 36px;
	}

	.about .f1 .numBox .item .d {
		font-size: 14px;
	}

	.about .f1 .numBox .item .num font {
		font-size: 14px;
	}

	.about .f2 {
		padding: 45vw 5vw 15vw 5vw;
		margin-top: -35vw;
	}

	.about .f2 .textBox .t {
		font-size: 8vw !important;
	}

	.about .f2 .textBox .itemBox {
		width: 50%;
		margin-top: 3vw;
	}

	.about .f2 .textBox .itemBox .item {
		width: 100%;
		margin-right: 0;
		padding: 2vw 0;
	}

	.about .f2 .textBox .itemBox .item .icon {
		width: 7vw;
	}

	.about .f2 .textBox .itemBox .item .num {
		font-size: 24px;
	}

	.about .f2 .textBox .itemBox .item .des {
		font-size: 14px;
	}

	.about .f3 {
		width: 90%;
		height: auto;
		padding: 15vw 5vw;
		margin: 5vw auto;
	}

	.about .f3 .text .t {
		font-size: 8vw !important;
	}

	.about .f3 .text .des {
		font-size: 14px;
	}

	.about .f3 .itemBox {
		width: 100%;
		position: relative;
		margin-top: 15vw;
		flex-wrap: wrap;
	}

	.about .f3 .itemBox .item {
		width: 100%;
		display: flex;
		align-items: flex-start;
		padding-top: 0;
		padding-bottom: 3vw;
		border-bottom: 1px solid rgba(255, 255, 255, .3);
		margin-bottom: 3vw;
	}

	.about .f3 .itemBox .item .t {
		width: 90px;
		text-align: left;
	}

	.about .f3 .itemBox .item .t .cn {
		font-size: 16px;
	}

	.about .f3 .itemBox .item .t .en {
		font-size: 12px;
	}

	.about .f3 .itemBox .item .des {
		font-size: 14px;
		margin-top: 0;
		width: calc(100% - 100px);
		text-align: left;
		line-height: 1.5;
	}

	.about .f4 {
		padding: 15vw 5vw;
	}

	.about .f4 .t {
		font-size: 8vw !important;
	}

	.about .f4 .f4Swiper {
		padding: 4vw 0 10vw 0;
	}

	.about .f7 {
		padding: 10vw 5vw;
	}

	.about .f7 .tit {
		font-size: 8vw !important;
	}

	.about .f7 .numBox {
		padding: 5vw;
		flex-wrap: wrap;
	}

	.about .f7 .numBox .item {
		width: 50%;
		text-align: center;
	}

	.about .f7 .numBox .item .num {
		font-size: 14px;
	}

	.about .f7 .numBox .item .num span {
		font-size: 36px;
	}

	.solution .f1 {
		padding: 10vw 5vw;
	}

	.solution .f1 .item {
		width: 100%;
		height: auto;
		margin-right: 0;
		margin-bottom: 5vw;
	}

	.solution .f1 .item .imgBox {
		height: 50vw;
	}

	.solution .f1 .item .text {
		height: auto;
		padding: 5vw;
	}

	.solution .f1 .item .text .icon {
		width: 5.5vw;
		right: 5vw;
	}

	.solution .f1 .item .text .name {
		font-size: 16px;
	}

	.solution .f1 .item .text .des {
		font-size: 14px;
		margin-top: 2vw;
	}

	.solution .f1 .item .text .more {
		display: none;
	}

	.solutionDetail .f1 {
		padding: 10vw 5vw;
	}

	.solutionDetail .f1 .textBox {
		display: block;
	}

	.solutionDetail .f1 .textBox .left {
		width: 100%;
	}

	.solutionDetail .f1 .textBox .left .t {
		font-size: 8vw !important;
	}

	.solutionDetail .f1 .textBox .left .item .name {
		font-size: 16px;
	}

	.solutionDetail .f1 .textBox .left .item .des {
		font-size: 14px;
	}

	.solutionDetail .f1 .textBox .right {
		width: 100%;
		margin-top: 5vw;
	}

	.solutionDetail .f1 .f1Box {
		margin-top: 10vw;
	}

	.solutionDetail .f1 .f1Box .t {
		font-size: 20px;
	}

	.solutionDetail .f1 .f1Box .item {
		margin-top: 3vw;
		display: block;
	}

	.solutionDetail .f1 .f1Box .item .it {
		width: 100%;
		margin-right: 0;
		padding: 5vw;
		font-size: 14px;
		line-height: 1.7;
	}

	.solutionDetail .f2 {
		padding: 15vw 5vw;
	}

	.solutionDetail .f2 .t {
		font-size: 8vw !important;
	}

	.solutionDetail .f2 .f2Swiper {
		padding: 5vw 0 8vw 0;
	}

	.solutionDetail .f3 {
		padding: 15vw 5vw;
	}

	.solutionDetail .f3 .t {
		font-size: 8vw !important;
	}

	.solutionDetail .f3 .f3Box {
		margin-top: 2vw;
	}

	.solutionDetail .f3 .f3Box .item {
		width: 100%;
		margin-right: 0;
		margin-top: 3vw;
		padding: 5vw;
	}

	.solutionDetail .f3 .f3Box .item .img {
		height: 10vw;
	}

	.solutionDetail .f3 .f3Box .item .img img {
		height: 10vw;
	}

	.solutionDetail .f3 .f3Box .item .text {
		width: calc(100% - 12vw);
	}

	.solutionDetail .f3 .f3Box .item .text .name {
		font-size: 14px;
	}

	.solutionDetail .f3 .f3Box .item .text .des {
		font-size: 12px;
	}

	.news .f1 {
		padding: 10vw 5vw;
	}

	.news .f1 .f1Item {
		display: block;
	}

	.news .f1 .f1Item .item {
		width: 100%;
		height: auto;
		display: block;
		margin-bottom: 5vw;
	}

	.news .f1 .f1Item .item .imgBox {
		height: 50vw;
	}

	.news .f1 .f1Item .item .text {
		padding: 5vw;
	}

	.news .f1 .f1Item .item .text .trip {
		border-radius: 1.5vw 0vw 1.5vw 0vw;
		font-size: 12px;
		padding: 0.5vw 2vw;
		top: 0;
	}

	.news .f1 .f1Item .item .text .time {
		font-size: 14px;
		margin: 2vw 0;
	}

	.news .f1 .f1Item .item .text .name {
		font-size: 16px;
		margin-top: 0;
	}

	.news .f1 .f1Box .item {
		width: 100%;
		height: auto;
		margin-right: 0;
		margin-top: 0;
		margin-bottom: 5vw;
		padding: 5vw;
	}

	.news .f1 .f1Box .item .trip {
		border-radius: 1.5vw 0 1.5vw 0;
		font-size: 12px;
		padding: 0.5vw 2vw;
		top: 0;
	}

	.news .f1 .f1Box .item .time {
		font-size: 14px;
		margin: 2vw 0;
	}

	.news .f1 .f1Box .item .name {
		font-size: 16px;
		margin-top: 0;
		-webkit-line-clamp: 2;
	}

	.news .f1 .f1Box .item .des {
		display: none;
	}

	.download .f1 {
		padding: 10vw 5vw;
		display: block;
	}

	.download .f1 .left {
		width: 80%;
		height: 100%;
		background: white;
		position: fixed;
		margin-left: 0;
		display: block;
		top: 0;
		left: 0;
		z-index: 1000;
		padding: 5vw;
		transform: translateX(-100%);
		transition: .3s all ease-in-out;
	}

	.download .f1 .left.active {
		transform: translateX(0);
	}

	.download .f1 .left .itemBox .t {
		padding: 2vw 0;
		font-size: 16px;
	}

	.download .f1 .left .itemBox .t i {
		display: none;
	}

	.download .f1 .left .itemBox .items {
		padding: 2vw 0;
	}

	.download .f1 .left .itemBox .items .item {
		font-size: 14px;
		padding: 2vw 0;
	}

	.download .f1 .left .itemBox .items .item .it .checked {
		width: 4vw;
		height: 4vw;
		margin-right: 1.8vw;
		top: 0vw;
	}

	.download .f1 .left .itemBox .items.downloadCates {
		height: 55vh;
	}

	.download .f1 .left .itemBox .items .item .it.active .checked {
		border: 1.2vw solid #f5a21b;
	}

	.download .f1 .left .itemBox .items .item .itemUl {
		padding-left: 6vw;
		margin-top: 1.5vw;
	}

	.download .f1 .left .itemBox .items .item .itemUl .it {
		padding: 1.5vw 0;
	}

	.download .f1 .left .clearBtn {
		position: relative;
		font-size: 14px;
		padding: 3vw 0;
	}

	.download .f1 .right {
		width: 100%;
		margin-left: 0;
		margin-top: 0;
	}

	.download .f1 .right .titHeads {
		display: block;
	}

	.download .f1 .right .titHeads .t {
		font-size: 14px;
		position: absolute;
		right: 5vw;
		margin-top: -5.5vw;
	}

	.download .f1 .right .titHeads .serach {
		width: 100%;
		border-radius: 5vw;
		margin-top: 3vw;
	}

	.download .f1 .right .itemBox .item {
		width: 100%;
		height: auto;
		margin-top: 5vw;
		margin-right: 0;
		padding: 0;
	}

	.download .f1 .right .itemBox .item .textBox {
		padding: 5vw;
	}

	.download .f1 .right .itemBox .item .trip {
		font-size: 14px;
		padding: 1vw 2vw;
		position: relative;
	}

	.download .f1 .right .itemBox .item .img {
		height: 40vw;
		margin: 0 0 3vw 0;
		display: none;
	}

	.download .f1 .right .itemBox .item .name {
		font-size: 16px;
	}

	.download .f1 .right .itemBox .item .btnBox {
		width: 100%;
		position: relative;
		padding: 2vw 0;
	}

	.download .f1 .right .itemBox .item .btnBox .btn {
		font-size: 14px;
	}

	.download .f1 .right .itemBox .item .btnBox .time {
		font-size: 14px;
	}

	.learning .f1 {
		padding: 10vw 5vw 15vw;
	}

	.learning .f1 .t {
		font-size: 8vw !important;
	}

	.download .f1 .f1Item .item {
		width: 100%;
		margin-bottom: 5vw;
		margin-right: 0;
	}

	.download .f1 .f1Item .item .imgBox {
		height: 50vw;
	}

	.download .f1 .f1Item .item .text {
		padding: 3vw;
	}

	.download .f1 .f1Item .item .text .name {
		font-size: 16px;
	}

	.download .f1 .f1Item .item .imgBox .play {
		width: 10.5vw;
		height: 10.5vw;
		font-size: 18px;
		line-height: 10.5vw;
	}
	.download .f1 .f1Item .item .imgBox .img{
		height: 50vw;
		display: block;
	}
	.QA .f1 {
		padding: 10vw 5vw 15vw;
		display: block;
	}

	.QA .f1 .left {
		width: 100%;
		padding-top: 0;
	}

	.QA .f1 .left .t {
		font-size: 8vw !important;
	}

	.QA .f1 .left .itemBox .item {
		padding: 5vw 0;
	}

	.QA .f1 .left .itemBox .item .q {
		font-size: 14px;
	}

	.QA .f1 .left .itemBox .item .a {
		font-size: 14px;
	}

	.QA .f1 .right {
		width: 100%;
		height: auto;
		margin-top: 10vw;
		padding: 5vw;
	}

	.QA .f1 .right .t {
		font-size: 8vw !important;
	}

	.QA .f1 .right .d {
		font-size: 14px;
		margin: 3vw 0;
	}

	.QA .f1 .right form .textareaBox {
		height: 20vw;
		padding: 3vw;
		margin-bottom: 3vw;
	}

	.QA .f1 .right form .textareaBox textarea {
		font-size: 14px;
	}

	.QA .f1 .right form .inputBox {
		height: 10vw;
		margin-bottom: 3vw;
		padding: 0 3vw;
	}

	.QA .f1 .right form .inputBox input {
		font-size: 14px;
	}

	.QA .f1 .right .submit {
		width: auto;
		height: auto;
		line-height: initial;
		font-size: 14px;
		padding: 3vw 0;
	}

	.service .f1 {
		height: auto;
		padding: 15vw 5vw;
	}

	.service .f1 .textBox {
		width: 100%;
		position: relative;
		top: initial;
		right: initial;
		padding: 5vw;
	}

	.service .f1 .textBox .t {
		font-size: 8vw !important;
	}

	.service .f1 .textBox .d {
		font-size: 14px;
		padding-bottom: 5vw;
		margin: 5vw 0;
	}

	.service .f1 .textBox .itemBox {
		margin-top: 5vw;
	}

	.service .f1 .textBox .itemBox .item {
		padding-left: 8vw;
		margin-bottom: 5vw;
	}

	.service .f1 .textBox .itemBox .item .it {
		font-size: 14px;
	}

	.service .f1 .textBox .itemBox .item .it i {
		font-size: 18px;
		margin-left: -8vw;
	}

	.service .f1 .textBox .itemBox .item .itemPhone {
		font-size: 22px;
	}

	.service .f1 .textBox .itemBox .item .des {
		font-size: 14px;
	}

	.service .f2 {
		padding: 15vw 5vw;
	}

	.service .f2 .t {
		font-size: 8vw !important;
	}

	.service .f2 .f2Box {
		display: block;
	}

	.service .f2 .f2Box .item {
		width: 100%;
		height: auto;
		padding: 5vw;
		margin-top: 5vw;
		background-size: cover !important;
	}

	.service .f2 .f2Box .item .name {
		font-size: 16px;
	}

	.service .f2 .f2Box .item .text {
		padding: 3vw;
		margin-top: 3vw;
	}

	.service .f2 .f2Box .item .text .its {
		padding-left: 8vw;
	}

	.service .f2 .f2Box .item .text .its .it {
		font-size: 14px;
	}

	.service .f2 .f2Box .item .text .its .it i {
		font-size: 18px;
		margin-left: -8vw;
	}

	.service .f2 .f2Box .item .text .its .des {
		font-size: 14px;
		margin-top: 3vw;
	}

	.index .f5 .newsSwiper .swiper-slide .imgBox {
		height: 50vw;
	}

	.index .f5 .newsSwiper .swiper-slide .text {
		height: 30vw;
		padding: 5vw;
	}

	.index .f5 .newsSwiper .swiper-slide .text .tab {
		font-size: 14px;
		padding: 1vw 3vw;
		border-radius: 1.5vw 0 1.5vw 0;
		margin-top: -9vw;
	}

	.index .f5 .newsSwiper .swiper-slide .text .time {
		font-size: 14px;
	}

	.index .f5 .newsSwiper .swiper-slide .text .t {
		font-size: 16px;
	}

	.about .f4 .f4Swiper .year {
		font-size: 20px;
	}

	.about .f4 .f4Swiper .t1 {
		font-size: 16px;
	}

	.about .f4 .f4Swiper .d {
		font-size: 14px;
	}

	.about .f4 .f4Swiper .swiper-button-next {
		width: 6vw;
		height: 6vw;
		left: 8vw;
	}

	.about .f4 .f4Swiper .swiper-button-prev {
		width: 6vw;
		height: 6vw;
	}

	.about .f4 .f4Swiper .swiper-button-next:after,
	.about .f4 .f4Swiper .swiper-button-prev:after {
		font-size: 12px;
	}

	.Honors .f1 {
		padding: 10vw 5vw;
	}

	.Honors .f1 .t {
		font-size: 8vw !important;
	}

	.join .f1 {
		background: transparent !important;
		height: auto;
		padding: 0;
	}

	.join .f1 .text {
		width: 100%;
		position: relative;
		top: initial;
		right: initial;
		transform: initial;
		padding: 5vw;
	}

	.join .f1 .text .t {
		font-size: 8vw !important;
	}

	.join .f1 .text .des {
		font-size: 14px;
		margin: 5vw 0;
	}

	.join .f1 .text .jl .name {
		font-size: 16px;
	}

	.join .f1 .text .jl .email {
		font-size: 14px;
		padding: 1vw 5vw;
		margin-top: 3vw;
		border-radius: 5vw;
	}

	.join .f2 {
		padding: 10vw 5vw;
	}

	.join .f2 .join_box {
		display: block;
	}

	.join .f2 .join_box .join_left {
		width: 100%;
	}

	.join .f2 .join_box .join_left .t {
		font-size: 8vw !important;
	}

	.join .f2 .join_box .join_left .join_menu {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 5vw;

	}

	.join .f2 .join_box .join_left .join_menu .item {
		width: auto;
		font-size: 14px;
		padding: 2vw 4vw;
		margin-right: 1vw;
	}

	.join .f2 .join_box .join_left .join_menu .item p::after {
		content: initial;
	}

	.join .f2 .join_box .joins {
		width: 100%;
		margin-top: 5vw;
	}

	.join .f2 .join_box .joins .item {
		padding: 5vw;
		margin-bottom: 5vw;
	}

	.join .f2 .join_box .joins .item .top .jr .title .t {
		font-size: 14px;
	}

	.join .f2 .join_box .joins .item .top .jr .title .d {
		font-size: 14px;
	}

	.join .f2 .join_box .joins .item .top .jr .gz {
		font-size: 14px;
		margin-top: 2.8vw;
	}

	.join .f2 .join_box .joins .item .btms {
		margin-top: 3vw;
		padding-top: 0;
	}

	.join .f2 .join_box .joins .item .btms .cons {
		font-size: 14px;
	}

	.join .f2 .join_box .joins .item .btms .apply_btn {
		font-size: 14px;
		padding: 1.5vw 5vw;
	}

	.product .productBox {
		padding: 5vw;
	}

	.newsDetail .f1 {
		padding: 10vw 5vw;
		display: block;
	}

	.newsDetail .f1 .left {
		width: 100%;
		padding: 0;
	}

	.newsDetail .f1 .left .tit {
		font-size: 18px;
	}

	.newsDetail .f1 .left .des {
		font-size: 14px;
		margin-top: 5vw;
	}

	.newsDetail .f1 .right {
		width: 100%;
		margin-top: 10vw;
	}

	.newsDetail .f1 .right .tit {
		font-size: 18px;
		padding-left: 3vw;
	}

	.newsDetail .f1 .right .tit::before {
		width: 1vw;
	}

	.newsDetail .f1 .right .itemBox .item {
		width: 100%;
	}

	.newsDetail .f1 .right .itemBox .item .img {
		height: 50vw;
	}

	.newsDetail .f1 .right .itemBox .item .name {
		font-size: 14px;
		padding: 2vw 0;
	}

	.sp_header {

		height: 50px;

		overflow: hidden;

		background: white;

		position: fixed;

		z-index: 999;

		width: 100%;

		top: 0;

	}

	.sp_logo {
		padding: 10px;
		float: left;
	}

	.sp_logo img {

		margin: auto;

		width: 145px;

		transition: .35s all ease-in-out;
	}

	.sp_nav {
		width: 50px;
		height: 50px;
		float: right;
		position: relative;
		cursor: pointer;
		margin: 0 2vw;
	}

	.sp_nav span {

		display: block;

		background: #f5a21b;

		width: 30px;

		height: 2px;

		position: absolute;

		left: 10px;

		transition: all ease .35s
	}

	.sp_nav span:nth-of-type(1) {

		top: 15px;

	}

	.sp_nav span:nth-of-type(2) {

		top: 25px
	}

	.sp_nav span:nth-of-type(3) {

		top: 35px
	}

	.sp_nav_se span:nth-of-type(1) {

		top: 25px;

		transform: rotate(45deg)
	}

	.sp_nav_se span:nth-of-type(2) {

		width: 0
	}

	.sp_nav_se span:nth-of-type(3) {

		top: 25px;

		transform: rotate(-45deg)
	}

	.nav_sp_logo {
		width: 40px !important;
		position: fixed;
		z-index: 999;
	}

	.sp_flex {
		display: flex;
	}

	.sp_black {
		width: 50px;
		height: 100%;
		position: fixed;
		background: black;
		right: -100%;
		top: 0;
		transition: top ease .35s
	}

	.sjj_nav {
		position: fixed;
		z-index: 999;
		background: white;
		width: 85%;
		height: 100%;
		font-size: 14px;
		line-height: 40px;
		top: 0;
		right: -100%;
		padding-top: 15vw;
		overflow: auto;
		overflow-x: hidden;
		transition: right ease .35s
	}

	.sp_flex .mengBan {
		width: 15%;
		height: 100%;
		background: rgba(0, 0, 0, .5);
		position: fixed;
		z-index: 999;
		top: 0;
		right: -100%;
		transition: right ease .35s
	}

	.nav_show2 {

		right: 85% !important;

	}

	.nav_show {

		right: 0;

	}

	.sp_bottom {
		width: 100%;
		margin: 8vw auto;
		display: inline-block;
		text-align: center;
	}

	.sp_bottom .sp_serach {
		width: 31vw;
		height: 12vw;
		background-color: #ffffff;
		border-radius: 30px;
		border: 1px solid #777777;
		display: inline-block;
		text-align: center;
		font-size: 14px;
		margin-right: 5vw;
	}

	.sp_bottom .sp_serach i {
		color: black;
		font-size: 16px;
		margin-right: 2vw;
	}

	.sp_bottom .sp_lag {
		width: 31vw;
		height: 12vw;
		display: inline-block;
		background-color: #ffffff;
		border-radius: 30px;
		border: 1px solid #777777;
		text-align: center;
	}

	.sp_bottom .sp_lag i {
		color: black;
		font-size: 16px;
		margin-right: 2vw;
	}

	.sjj_nav>ul>li:first-child {

		overflow: hidden;

		border-top: 0
	}

	.sjj_nav>ul>li:first-child>a {

		/*float: left;*/

		/*width: calc(100% - 70px)*/

	}

	.sjj_nav>ul>li:first-child .language {

		float: right;

		width: 70px;

		overflow: hidden;

		line-height: 30px;

		margin-top: 5px
	}

	.sjj_nav>ul>li:first-child .language a {

		width: 35px;

		float: left;

		border-left: 1px #ddd solid;

		text-align: center;

		color: #999
	}

	.sjj_nav ul li i {

		position: absolute;

		top: 5px;

		right: 0;

		height: 30px;

		padding: 0 7px
	}

	.sjj_nav ul li i svg {

		transform: rotate(-90deg);

		transition: all ease .35s
	}

	.sjj_nav ul li .sjj_nav_i_se svg {

		transform: rotate(0)
	}

	.sjj_nav ul li {

		border-top: 1px #ddd solid;

		position: relative;

		line-height: 55px;

		font-size: 14px
	}

	.sjj_nav ul li.active {
		/*background: #f3f3f3;*/
	}

	.sjj_nav>ul>li:last-child {

		border-bottom: 1px #ddd solid
	}

	.sjj_nav ul li ul {
		/*background: #f3f3f3;*/
		display: none;
		border-top: 1px #ddd solid;
		padding: 10px 0;
	}

	.sjj_nav ul li a {

		color: rgba(0, 0, 0, .8);

		width: 100%;

		display: block;

		font-size: 16px;

		padding-left: 25px;

	}

	.sjj_nav ul li ul li {
		border: transparent;
		line-height: 30px;
	}
	.sjj_nav ul li ul li ul{
		border: transparent;
		position: relative;
	}
	.sjj_nav ul li ul li ul::before{
		content: '';
		position: absolute;
		width: 1px;
		height: 74%;
		background: #dddddd;
		left: 10vw;
		top: 13%;
	}
	.sjj_nav ul li ul li ul li{
		padding-left: 15px;
		line-height: 20px;
	}
	.sjj_nav ul li ul li a {

		color: rgba(0, 0, 0, .5);

		display: block;

		text-align: left;

		font-size: 15px;

		padding: 0 0 0 35px;

	}
	.sjj_nav ul li ul li ul li{
		padding: 5px 15px;
	}
	.sjj_nav ul li ul li ul li a{
		font-size: 14px;
	}
	.sjj_nav ul li i svg {

		width: 20px;

		height: 20px;

		fill: #f5a21b;

	}

	.sjj_nav ul li .sjj_nav_i_se svg {

		fill: #f5a21b;

	}

	.sjj_nav ul li ul li>ul {

		/*margin-left: 10px*/
	}

	.sjj_nav .iconBox {
		width: 100%;
		display: inline-block;
		text-align: center;
		margin-top: 15vw;
	}

	.sjj_nav .iconBox .icon {
		width: 50px;
		margin: 0 3vw;
		display: inline-block;
	}

	.sp_flex .sjj_nav .close {
		position: absolute;
		right: 4vw;
		top: 1vw;
		font-size: 22px;
		color: #f5a21b;
	}

	.sp_flex .sjj_nav .bgImg {
		position: absolute;
		width: 70vw;
		top: 60vw;
		z-index: -1;
		right: 0;
	}

	header {
		padding: 0;
		left: 0;
	}

	.lang {
		font-size: 12px;
	}

	.index .f2 .f2Box .f2Swiper2 {
		width: 100%;
		padding-bottom: 8vw;
	}

	.index .f2 .f2Box .f2Swiper2 .swiper-slide {
		display: block;
	}

	.index .f2 .f2Box .f2Swiper2 .swiper-slide .textBox {
		width: 100%;
	}

	.index .f2 .f2Box .f2Swiper2 .swiper-slide .textBox .tit {
		font-size: 8vw !important;
		padding-left: 0;
	}

	.index .f2 .f2Box .f2Swiper2 .swiper-slide .textBox .tit span {
		font-size: 12px;
	}

	.index .f2 .f2Box .f2Swiper2 .swiper-slide .textBox .des {
		font-size: 14px;
		margin-top: 0;
	}

	.index .f2 .f2Box .f2Swiper2 .swiper-slide .imgBox {
		width: 100%;
		height: 65vw;
		display: block;
		margin: 10vw auto 0 auto;
		left: 0;
	}

	.index .f2 .f2Box .f2Swiper2 .swiper-pagination .swiper-pagination-bullet-active {
		width: 10vw;
	}

	.index .f2 .f2Box .f2Swiper2 .swiper-slide .textBox .itemBox {
		margin-top: 5vw;
	}

	.index .f2 .f2Box .f2Swiper2 .swiper-slide .textBox .itemBox .it {
		margin-top: 0;
	}

	.index .f2 .f2Box .f2Swiper2 .swiper-slide .textBox .itemBox .it .num {
		font-size: 28px;
	}

	.index .f2 .f2Box .f2Swiper2 .swiper-slide .textBox .itemBox .it .text {
		width: 85%;
	}

	.index .f2 .f2Box .f2Swiper2 .swiper-slide .textBox .itemBox .it .text .t {
		font-size: 12px;
		padding-left: 20px;
	}

	.index .f2 .f2Box .f2Swiper2 .swiper-slide .textBox .itemBox .it .text .t::before {
		width: 8px;
		margin-top: 12px;
	}

	.index .f2 .f2Box .f2Swiper2 .swiper-slide .textBox .itemBox .it .text .d {
		font-size: 14px;
		margin-top: 1vw;
	}

	.index .f2 .f2Box .f2Swiper2 .swiper-slide .textBox .more {
		font-size: 14px;
	}

	.index .f2 .f2Box .f2Swiper2 .swiper-slide .textBox .more i {
		font-size: 16px;
		top: 0;
	}

	.productList .f1 {
		padding: 10vw 5vw;
	}

	.productList .f1 .item {
		width: 100%;
		height: 50vw;
		margin-right: 0;
		margin-bottom: 5vw;
	}

	.productList .f1 .item .imgBox {
		height: 40vw;
		padding: 5vw;
	}

	.productList .f1 .item:nth-child(5) .imgBox {
		height: 50vw;
	}

	.productList .f1 .item .text {
		padding: 5vw;
		bottom: 0;
	}

	.productList .f1 .item .text .name {
		font-size: 16px;
	}

	.productList .f1 .item .text .des {
		display: none;
	}

	.productList .f1 .item:last-child .t {
		font-size: 16px;
	}

	.searchContent {
		margin: 0;
		padding: 5vw;
	}

	.news5 {
		padding: 5vw;
	}

	.news5 ul li a {
		margin-bottom: 3vw;
	}

	.news5 ul li a .thum {
		width: 10vw;
		height: 10vw;
	}

	.news5 ul li a .info {
		width: calc(100% - 15vw);
	}

	.news5 ul li a .title {
		font-size: 14px;
	}

	.news5 ul li a .des {
		font-size: 12px;
	}

	.index .loadingImg {
		display: none;
	}

	.Honors .f1 .f1swiper .swiper-slide {
		font-size: 16px;
	}

	.Honors .f1 .f1swiper .swiper-slide .img {
		height: 65vw;
	}

	.Honors .f1 .f1swiper .swiper-button-next {
		display: none;
	}

	.Honors .f1 .f1swiper .swiper-button-prev {
		display: none;
	}

	.Honors .f2 {
		height: auto;
		padding: 15vw 5vw;
		background: #f7f7f7;
	}

	.Honors .f2 .t {
		font-size: 8vw !important;
	}

	.Honors .f3 {
		padding: 15vw 5vw;
	}

	.Honors .f3 .titHead .t {
		font-size: 8vw !important;
	}

	.Honors .f3 .titHead .tabs {
		margin-top: 0;
	}

	.Honors .f3 .titHead .tabs .tab {
		font-size: 14px;
		padding: 1vw 2vw;
	}

	.Honors .f3 .f3Swiper {
		height: auto;
		padding: 5vw 0;
	}

	.Honors .f3 .f3Swiper .swiper-slide {
		width: 41vw !important;
		height: auto;
		padding: 5vw 2vw;
		margin-right: 5vw;
		margin-bottom: 0;
	}

	.Honors .f3 .f3Swiper .swiper-slide .icon {
		width: 15vw;
	}

	.Honors .f3 .f3Swiper .swiper-slide .year {
		font-size: 30px;
	}

	.Honors .f3 .f3Swiper .swiper-slide .name {
		font-size: 14px;
	}

	.Honors .f3 .f3Swiper .swiper-slide .num {
		font-size: 12px;
		position: relative;
		margin-top: 3vw;
	}

	.product .productBox .left {
		display: none;
	}

	.product .productBox .center {
		width: 100%;
		margin-left: 0;
	}

	.product .productBox .right {
		width: 80%;
		height: 100%;
		background: white;
		position: fixed;
		margin-left: 0;
		display: block;
		top: 0;
		left: 0;
		z-index: 1000;
		padding: 5vw;
		transform: translateX(-100%);
		transition: .3s all ease-in-out;
	}

	.urlId {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		background: rgba(0, 0, 0, .5);
		z-index: 999;
		pointer-events: none;
		opacity: 0;
	}

	.urlId.active {
		opacity: 1;
		pointer-events: all;
	}

	.resultText {
		width: 100%;
		position: fixed;
		bottom: 0;
		background: #f5a21b;
		font-size: 16px;
		padding: 10px;
		left: 0;
		color: white;
		text-align: center;
	}

	.product .productBox .right.active {
		transform: translateX(0);
	}

	.product .productBox .right .parametersBox .parametersList .parameters {
		margin-bottom: 5vw;
		font-size: 16px;
	}

	.product .productBox .right .parametersBox .parametersList .parameters.active .its {
		padding: 3vw;
	}

	.product .productBox .right .parametersBox .parametersList .parameters .its .it {
		margin-bottom: 3vw;
	}

	.product .productBox .right .parametersBox .parametersList .parameters .t {
		padding: 8px 10px;
	}

	.product .productBox .right .parametersBox .parametersList .parameters .its .it .tt .icon {
		top: -2px;
	}

	.product .productBox .right .parametersBox .parametersList .parameters .its .it.active .tt .icon {
		top: -2px;
	}

	.product .productBox .right .parametersBox .parametersList {
		margin-top: 5vw;
	}

	.product .productBox .right .parametersBox .name {
		display: none;
	}

	.product .productBox .right .imgSwiper {
		display: none;
	}

	.product .productBox .center .nameBox {
		display: block;
	}

	.product .productBox .center .titBox .lableBox {
		display: none;
	}

	.closeBtn {
		position: absolute;
		right: 5vw;
		top: 5vw;
		font-size: 18px;
	}

	.product .productBox .center .nameBox .name {
		font-size: 22px;
	}

	.product .productBox .center .nameBox .tirp {
		font-size: 14px;
		margin-top: 3vw;
	}

	.product .productBox .center .desBox {
		font-size: 14px;
		padding: 3vw 0;
	}

	.product .productBox .center .titBox {
		margin-top: 5vw;
		flex-wrap: wrap;
		align-items: center;
	}

	.typeCategory {
		margin-top: 5vw;
	}

	.shaixuan {
		border: 1px solid #f5a21b;
		border-radius: 5vw;
		padding: 4px 10px;
		font-size: 14px;
		margin-left: 20px;
		color: #f5a21b;
	}

	.shaixuan_support {
		display: inline-block;
		margin-bottom: 0;
		margin-left: 0;
	}

	.numsP {
		position: absolute;
		right: 5vw;
		font-size: 14px;
		margin-top: -6vw;
	}

	.numsP .name span {
		color: #ffffff;
		background: #f5a21b;
		padding: 2px 5px;
		margin-right: 0.5vw;
		border-radius: 0.1vw;
	}

	.product .productBox .center .titBox .t {
		font-size: 16px;
	}

	.product .productBox .center .titBox .t i {
		font-size: 20px;
	}

	.product .productBox .center .listBox {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 0;
	}

	.product .productBox .center .listBox .list {
		width: 48%;
		padding: 5vw;
		margin-top: 5vw;
		display: block;
	}

	.product .productBox .center .listBox .list .img {
		width: 21vw;
		height: 21vw;
		margin: 0 auto 10px auto;
	}

	.product .productBox .center .listBox .list .text {
		width: 100%;
	}

	.product .productBox .center .listBox .list .text .t {
		font-size: 16px;
		text-align: center;
	}

	.product .productBox .center .tabBox .tab {
		margin-right: 2.5vw;
		margin-bottom: 2.5vw;
	}

	.product .productBox .center .listBox .list .text .d {
		display: none;
	}

	.productDetail .productBox {
		padding: 5vw;
	}

	.productDetail .productBox .left {
		display: none;
	}

	.productDetail .productBox .right {
		width: 100%;
		margin-left: 0;
	}

	.productDetail .productBox .right .linkBox {
		font-size: 12px;
		flex-wrap: wrap;
	}

	.productDetail .productBox .right .linkBox i {
		font-size: 12px;
	}

	.productDetail .productBox .right .textBox {
		display: block;
		margin: 5vw 0;
	}

	.productDetail .productBox .right .textBox .imgSwiper {
		width: 100%;
	}

	.productDetail .productBox .right .textBox .imgSwiper .swiper-slide .img {
		height: 50vw;
	}

	.productDetail .productBox .right .textBox .text {
		width: 100%;
		margin: 5vw 0;
	}

	.productDetail .productBox .right .textBox .text .nameBox .name {
		font-size: 16px;
	}

	.productDetail .productBox .right .textBox .text .nameBox .nameIcon .img {
		height: 4vw;
	}

	.productDetail .productBox .right .textBox .text .nameBox .nameIcon .img img {
		height: 4vw;
	}

	.productDetail .productBox .right .textBox .text .desBox {
		margin: 5vw 0;
		padding: 2vw;
		font-size: 14px;
	}

	.productDetail .productBox .right .textBox .text .infoBox .btnBox .btn {
		font-size: 14px;
		margin-right: 5vw;
	}

	.productDetail .productBox .right .textBox .text .infoBox .btnBox .btn i {
		font-size: 16px;
	}

	.productDetail .productBox .right .textBox .text .infoBox .btnBox .btn:last-child i {
		font-size: 16px;
	}

	.productDetail .productBox .right .textBox .text .infoBox .payBox a {
		font-size: 16px;
		margin: 0 1vw;
	}
	.productDetail .productBox .right .specificationBox .nameBox{
		display: block;
		padding: 3vw 0;
	}
	.productDetail .productBox .right .specificationBox .nameBox .names{
		justify-content: space-between;
	}
	.productDetail .productBox .right .specificationBox .nameBox .name {
		font-size: 14px;
		padding: 5px 12px;
		margin-right: 0;
	}
	.productDetail .productBox .right .specificationBox .nameIcon{
		margin-bottom: 5vw;
	}
	.productDetail .productBox .right .specificationBox .nameIcon .img {
		height: 4vw;
		margin: 0 2vw;
	}

	.productDetail .productBox .right .specificationBox .nameIcon .img img {
		height: 4vw;
	}
	.productDetail .productBox .right .specificationBox .specificationList .ziliao .item{
		width: 100%;
		margin-right: 0;
		padding: 5vw;
		margin-bottom: 5vw;
		align-items: flex-start;
	}
	.productDetail .productBox .right .specificationBox .specificationList .ziliao .item p{
		align-items: flex-start;
	}
	
	.productDetail .productBox .right .specificationBox .specificationList .ziliao .item p span{
		display: block;
		width: calc(100% - 25px);
		line-height: 24px;
	}
	
	.productDetail .productBox .right .specificationBox .specificationList .ziliao .item p{
		line-height: 1.5;
	}
	.productDetail .productBox .right .specificationBox .specificationList .ziliao .item a{
	    border-color: rgba(245, 162, 27, 1);
	    background: rgba(245, 162, 27, 1);
	    color: #ffffff;
	    box-shadow: 0px 0px 10px rgba(0, 0, 0, .1);
		font-size: 12px;
		width: 65px;
	}
	.productDetail .productBox .right .specificationBox .specificationList .ziliao .item a i{
		font-size: 12px;
	}
	.productDetail .productBox .right .specificationBox .specificationList .ziliao .item p{
		width: calc(100% - 75px);
	}
	.productDetail .productBox .right .specificationBox .specificationList .ziliao .item p i{
		width: 20px;
	}
	.productDetail .productBox .right .specificationBox .specificationList .anli .item{
		width: 100%;
		margin-right: 0;
		margin-bottom: 3vw;
	}
	.productDetail .productBox .right .specificationBox .specificationList .anli .item .imgBox{
		height: 50vw;
	}
	.productDetail .productBox .right .specificationBox .specificationList .anli .item .text .des{
		display: none;
	}
	.solutionDetail .f2 .f2Swiper .swiper-slide .imgBox {
		height: 50vw;
	}
	.productDetail .productBox .right .specificationBox .specificationList .anli .item .text .name{
		-webkit-line-clamp: 2;
		line-height: 1.5;
	}
	.productDetail .productBox .right .specificationBox .specificationList .chanpinBox .item{
		width: 100%;
		margin-bottom: 5vw;
		margin-right: 0%;
		margin-top: initial;
		padding: 5vw;
	}
	.productDetail .productBox .right .specificationBox .specificationList .chanpinBox .item .img{
		width: 65px;
	}
	.productDetail .productBox .right .specificationBox .specificationList .ziliao .item:before{
		width: 25vw;
		height: 25vw;
		border: 8vw solid #f5a21b;
		top: 5vw;
	}
	.productDetail .productBox .right .specificationBox .specificationList .chanpinBox .icon{
		display: none;
	}
	.productDetail .productBox .right .specificationBox .specificationList .chanpinBox .item .text{
		width: calc(100% - 75px);
	}
	.productDetail .productBox .right .specificationBox .specificationList .chanpinBox .item .text .name{
		font-size: 14px;
	}
	.solutionDetail .f2 .f2Swiper .swiper-slide .text {
		height: auto;
		padding: 3vw;
	}

	.solutionDetail .f2 .f2Swiper .swiper-slide .text .name {
		font-size: 16px;
	}

	.solutionDetail .f2 .f2Swiper .swiper-slide .text .des {
		font-size: 14px;
	}

	.productDetail .productBox .right .specificationBox .specificationList {
		padding: 3vw 0;
	}

	.productDetail .productBox .right .specificationBox .specificationList table {
		font-size: 14px;
	}

	.Honors .f1 .f1swiper {
		padding: 5vw 0;
	}

	.Honors .f2 .f2swiper1 {
		width: 100%;
		position: relative;
		right: initial;
		top: initial;
		margin-top: 5vw;
		padding-bottom: 10vw;
	}

	.Honors .f2 .f2swiper1 .swiper-pagination-bullet-active {
		background: #f5a21b;
	}

	.Honors .f2 .f2swiper1 .swiper-slide .img {
		height: 50vw;
	}

	.Honors .f2 .f2swiper1 .swiper-slide p {
		font-size: 16px;
	}

	.Honors .f2 .swiper-button-next {
		display: none;
	}

	.Honors .f2 .swiper-button-prev {
		display: none;
	}

	.Honors .f1 .f1swiper .swiper-pagination-bullet-active {
		background: #f5a21b;
	}

	footer .selectBox .tit {
		margin-top: 0;
		font-size: 5vw !important;
		padding-left: 25px;
	}

	footer .selectBox .tit::before {
		display: none;
	}

	footer .selectBox .tit::after {
		display: none;
	}

	.index .f3 .f3Swiper .swiper-slide .name {
		opacity: 0;
	}

	.index .f3 .f3Swiper .swiper-slide::before {
		margin-top: 10vw;
		width: 2.5vw;
		height: 2.5vw;
		top: 0;
	}

	.index .f3 .f3Swiper .swiper-slide-thumb-active::after {
		content: initial;
	}

	.index .f2 .f2Box .f2Swiper2 .swiper-slide .textBox .num_box {
		width: 18vw;
		height: 12vw;
	}

	.index .f2 .f2Box .f2Swiper2 .swiper-slide .textBox .num_box .num {
		font-size: 12vw;
		line-height: 12vw;
	}

	.index .f2 .f2Tab {
		width: 100%;
		margin-top: 0;
		position: relative;
		z-index: 1;
	}

	.f2BoxItem {
		margin-top: 5vw;
	}

	.w1400 {
		width: 100%;
	}

	.productList .f1 .item:last-child .icon {
		width: 15vw;
	}

	.index .f2 .f2Bg {
		display: none;
	}

	.index .f2 .f2BoxItem .f2Box.active {
		display: block;
	}

	.index .f2 .f2Box .f2Swiper {
		display: none;
	}

	.index .f2 .f2Box .f2Swiper2 .swiper-pagination {
		bottom: 0;
		width: auto;
	}

	.index .f2 .f2Box .f2Swiper .swiper-wrapper {
		justify-content: center;
	}

	.index .f2 .f2Box .f2Swiper .swiper-wrapper .swiper-slide {
		width: 15vw !important;
		height: 15vw !important;
		padding: 2.5vw;
	}

	.index .f2 .f2Box .f2Swiper .swiper-wrapper .swiper-slide img {
		height: 7vw;
	}

	.prisna-wp-translate-seo {
		padding: 5px 0 5px 25px;
	}

	.prisna-wp-translate-seo a {
		margin: 2vw 0;
		padding-right: 0;
		line-height: 1.5;
	}

	.country-flag {
		margin-right: 5px;
	}

	.productDetail .productBox .right .textBox .text .infoBox .payBox a .trip {
		display: none;
	}

	.index .f2 .f2Box .f2Swiper2 .swiper-slide .imgBox .more {
		display: none;
	}

	.about .f3 .f3Img {
		width: 100%;
		position: relative;
		right: initial;
		top: initial;
		margin-top: 5vw;
	}

	.sub_menu .left {
		margin-bottom: 10vw;
	}

	.sub_menu .left .cn {
		font-size: 38px;
		width: auto;
		display: inline-block;
	}

	.sub_menu .menu_bar a {
		margin-left: 0px;
		margin-right: 10px;
	}

	.sub_menu .menu_bar a::after {
		height: 2px;
		bottom: 0;
	}

	.sub_menu .menu_bar a {
		font-size: 16px;
		padding-bottom: 5px;
	}

	.sub_menu .left .cn::after {
		width: 8px;
		height: 8px;
		right: -12px;
	}
	.learning .tabsBox{
		margin: 0 auto 5vw auto;
	}
	.learning .tabs .tab{
		padding: 1.5vw 6.5vw;
	}
	.productDetail .productBox .right .specificationBox .nameBox .name p{
		display: none;
	}
	.productDetail .productBox .right .specificationBox .specificationList .ziliao .item:hover a{
		border-color: rgba(245, 162, 27, 1);
		background: rgba(245, 162, 27, 1);
	}
	.menuBar .item .box .icon{
		width: 35px;
	}
	.menuBar{
		width: 70px;
	}
	.menuBar .item{
		padding: 3vw 0px;
	}
	.menuBar .item .box .txt {
		font-size: 0.75rem;
	}
}